Trả lời chủ đề

Nội dung

<blockquote data-quote="paxcan_7293" data-source="post: 52124" data-attributes="member: 11072">&lt;html&gt;&lt;head&gt;&lt;style type=&quot;text/css&quot;&gt;&nbsp; &nbsp; *{ margin: 0;padding: 0;}&nbsp; &nbsp; #wrapper {&nbsp; &nbsp; width: 700px;&nbsp; &nbsp; margin: 20px auto;&nbsp; &nbsp; }&nbsp; &nbsp; ul {&nbsp; &nbsp; list-style :inside;&nbsp; &nbsp; }&nbsp; &nbsp; #header{&nbsp; &nbsp; width: 100%; height: 100px;&nbsp; &nbsp; line-height:100px;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; color: orange;&nbsp; &nbsp; background:#80ffff;&nbsp; &nbsp; }&nbsp; &nbsp; #content{&nbsp; &nbsp; float: right;&nbsp; &nbsp; overflow: hidden;&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #sidebar {&nbsp; &nbsp; width: 150px;&nbsp; &nbsp; &nbsp;&nbsp; height:180px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background: green;&nbsp; &nbsp; }&nbsp; &nbsp; #main-content {float: left;&nbsp; &nbsp; margin: 0px 0px 50 px 160 px;&nbsp; &nbsp; }&nbsp; &nbsp; #footer{&nbsp; &nbsp; wdith: 100%; height: 50px;&nbsp; &nbsp; background: #80ffff;&nbsp; &nbsp; }&lt;/style&gt;&lt;title&gt;hjhj &lt;/title&gt;&lt;/head&gt;&lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt; this is header &lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--end #header--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;HomePage&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt; &lt;a href=&quot;#&quot;&gt;Forum&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt; Contact&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;gallery&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--end #maiNav--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;mai-content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;this is header &lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; CSS Selectors là một khái &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; niệm hết sức quan trọng trong CSS. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Những property của CSS nếu bạn có &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; quên hoặc không biết thì có thể google là ra.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Nhưng nếu bạn không nắm rõ khái niệm về CSS Selectors thì giống như bạn &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; đi đường mà không biết đường vậy. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Nếu không biết đường rất có thể bạn quẹo nhầm đường,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; đi sai địa chỉ hoặc thậm chí còn không tới đích. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Còn nếu không rõ về khái niệm CSS Selectors thì bạn sẽ không hướng tới đối tượng mà mình muốn được, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; code CSS không như ý muốn, lạm dụng Class và ID, code CSS khó hiểu và phức tạp …&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--end #main-content--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p &gt;&amp;copy; 2009 - 2010 CanIuG &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!--end #footer--&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;!--end #warpper --&gt;&lt;/body&gt;&lt;/html&gt;</blockquote>

[QUOTE="paxcan_7293, post: 52124, member: 11072"] <html> <head> <style type="text/css"> *{ margin: 0;padding: 0;} #wrapper { width: 700px; margin: 20px auto; } ul { list-style :inside; } #header{ width: 100%; height: 100px; line-height:100px; text-align: center; color: orange; background:#80ffff; } #content{ float: right; overflow: hidden; } #sidebar { width: 150px; height:180px; float: left; background: green; } #main-content {float: left; margin: 0px 0px 50 px 160 px; } #footer{ wdith: 100%; height: 50px; background: #80ffff; } </style> <title>hjhj </title> </head> <body> <div id="wrapper"> <div id="header"> <h1> this is header </h1> </div> <div id="sidebar"> <ul> <li><a href="#">HomePage</a></li> <li> <a href="#">Forum</a></li> <li><a href="#"> Contact</a></li> <li><a href="#">gallery</a></li> </ul> </div> <div id="mai-content"> <h1>this is header </h1> CSS Selectors là một khái niệm hết sức quan trọng trong CSS. Những property của CSS nếu bạn có quên hoặc không biết thì có thể google là ra. Nhưng nếu bạn không nắm rõ khái niệm về CSS Selectors thì giống như bạn đi đường mà không biết đường vậy. Nếu không biết đường rất có thể bạn quẹo nhầm đường, đi sai địa chỉ hoặc thậm chí còn không tới đích. Còn nếu không rõ về khái niệm CSS Selectors thì bạn sẽ không hướng tới đối tượng mà mình muốn được, code CSS không như ý muốn, lạm dụng Class và ID, code CSS khó hiểu và phức tạp … </div> <div id="footer"> © 2009 - 2010 CanIuG </div> </div> </body> </html> [/QUOTE]

Tên

Mã xác nhận