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 }
利用伪类清除浮动。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。