css的一些细节
1、id选择器拥有最高的权重，可以覆盖之前的一些定义，比如
1 <html> 2 <head> 3 <style type="text/css"> 4 #color { 5 color: red; 6 } 7 p { 8 color: blue; 9 } 10 </style> 11 </head> 12 <body> 13 <p id="color">test</p> 14 </body> 15 </html>
“test”的字体颜色是红色。
2、默认情况下，父元素的高度会根据子元素的内容自动调整，但是如果子元素设置为浮动，父元素的高度就会变为0，这就是为什么有时候明明设置了父元素的背景色却发现父元素没了。。。解决方法如下，
给父元素设置样式：
1 .clear:after { 2 content: "020"; 3 display: block; 4 height: 0; 5 clear: both; 6 } 7 .clear { 8 zoom: 1; 9 }
利用伪类清除浮动。
