CSS知识点

标签：border   使用   web   定位   out   input   style   col   情况   

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知识点

标签：border   使用   web   定位   out   input   style   col   情况   

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