网页布局day1

1.布局的思路抓大放小。先从整体上判断网页由几个大的模块组成，比如header、main和footer然后一次性敲出div的数量，有几个大的模块，敲出几个div，并给定类名，相应的在样式style里依次给定基本的宽高背景色，这时候浏览器中会显示基本的网页框架。

 2.剥洋葱法，一层一层往下剥，先完成大的div，再做小的，由上往下，从左到右，依次布局。

 3.布局中注意溢出的部分用overflow:hidden掩藏，不然就会多出一行挤占已布局的div。

 4.布局中，因为重复的代码部分很多，所以可以写出一个以后，把属性copy下来，修改一下具体参数就行了，不要一个一个属性的敲代码。

 5.基本布局掌握后，可以找一些网站的布局模仿，或者你家的平面图。