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 }
利用伪类清除浮动。
时间： 2024-12-14 20:13:33