码迷,mamicode.com
首页 > Web开发 > 详细

css的一些细节

时间:2015-03-13 20:20:52      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

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 }

利用伪类清除浮动。

 

css的一些细节

标签:

原文地址:http://www.cnblogs.com/lqj12138/p/4335751.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!