网页布局总结

网页布局总结：

通过盒子模型，清楚知道大部分html标签是一个盒子。
通过CSS浮动、定位，可以让每一个盒子排列成网页。
一个完整的网页，是标准流，浮动，定位一起完成布局的，每个都有自己专门用法。
1.标准流
可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。
2.浮动
可以让多个块级元素一行显示或者左右对齐盒子，多个块级元素水平显示就用浮动布局。
3.定位
定位最大的特点就是有层叠概念，就是可以让多个盒子前后叠压来显示。如果元素在盒子内移动就用定位来布局。
**注意：**如果一个盒子既有right属性和left属性，默认先执行左，如果有bottom和top，默认先执行上。