CSS 4

目录
1.浮动
1.1传统网页布局的三种方式
1.2标准流（普通流/文档流）
1.3为什么需要浮动？
1.4浮动特性（重要）
1.4.1浮动元素会脱离标准流
 1.4.2浮动的元素会一行内显示并且元素顶部对齐
 1.4.3浮动的元素会有行内块元素的特性
1.5浮动元素经常和父级搭配使用 
 1.6综合案例
2.常用网页布局
2.1常见网页布局
 2.2浮动布局注意点
3.清除浮动
3.1为什么要清除浮动
3.2清除浮动本质
3.3清除浮动
​ 3.3清除浮动方法
 3.3.1额外标签法
 3.3.2父级添加overflow
3.3.3 清除浮动之：after 伪元素法
 3.3.4双伪元素清除浮动

3.4清除浮动总结
4.PS切图
5.学成在线案例

 
1.浮动
1.1传统网页布局的三种方式
网页布局的本质——用CSS摆放盒子。把盒子摆放到相应位置.
CSS提供了三种传统布局方式（简单说，就是盒子如何进行排列顺序）：
普通流（标准流）浮动定位
1.2标准流（普通流/文档流）

CSS 4最先出现在Python成神之路。