CSS知识点

1、CSS选择器优先级

 ?* ??优先级就近原则，同权重情况下样式定义最近者为准; ?* ??载入样式以最后载入的定位为准;

 优先级为: ?同权重: 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。 ?!important > ?id > class > tag ?！important 比 内联优先级高

标签的权重为1，class的权重为10，id的权重为100

2、CSS3新增了哪些特性
 ??  新增各种CSS选择器 （: not(.input)：所有 class 不是“input”的节点） 
　　　圆角 （border-radius:8px）
　　 ?多列布局 （multi-column layout）
　　 阴影和反射 （Shadow\Reflect） 
　　 文字特效 （text-shadow、） 
　　 文字渲染 （Text-decoration） 
　　 线性渐变 （gradient） 
　　 旋转 （transform） 
　　 缩放,定位,倾斜,动画,多背景 例如:transform:\scale(0.85,0.90)\ translate(0px,-30px)\ skew(-9deg,0deg)\Animation:

3、为什么要清除浮动。清除浮动的方法有哪些

 　 1.父元素的高度无法被撑开，影响与父元素同级的元素　　2.与浮动元素同级的非浮动元素（内联元素）会跟随其后　　3.若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构

 ?解决方法：
 ?1.额外标签法，<div style="clear:both;"></div>/*（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。） */
　2.浮动父元素 /* 过多使用float与Web精髓相违背 */
 ?3.设置overflow为hidden或者auto
 ?4.父元素上加一个 clearfix 类
 ??.clearfix:after, .clearfix:before{ 
 ?????content: " ";
 ?????display: table;
 ??} 
 ????.clearfix:after { 
 ????clear: both; 
 ???}

4、还有很多，待续

 ??

CSS知识点

原文地址：http://www.cnblogs.com/wanonder/p/7472702.html