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 }

利用伪类清除浮动。

 

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