CSS知识点小总结

一、盒子模型

盒子模型和IE的区别：盒子模型的width属性只包括内容区，而IE的width属性包括内容、内边距和边框的总和

二、选择器的优先级

！important>行内样式>ID>类、伪类、属性>类型选择器、伪元素选择器

三、定位与浮动：

可视化模型分为相对定位、绝对定位（包括固定定位）、浮动，其中绝对定位和浮动脱离文档流，相对定位在文档流中，无论是否移动，元素仍占据原来的空间

四、清楚浮动：

1、  添加一个clear过的空元素

2、  Overflow（应用值为hidden或auto的overflow有一个有用的副作用，这会自动地清理包含的任何浮动元素）

3、  CSS方法.clear:after{

Content:”.”;

Height:0;

Visiblility:hidden;

Disblock:block;

Clear:both;

}

4、JS方法

五、布局：

1、  两栏布局：float:left、float:right

2、  三栏布局：在两栏布局的基础上，再次运用两栏布局