学习二阶之布局

>_<,艰难困苦的终于把html中的常用标签和css学完了，不知道是脑袋秀逗了还是智商令人捉急了，完全不会学习了，页面都是快学完css的最后两天开始才会写的，而且还是静态的。

　　这里就说下我对静态页面关于布局的体会：写一个页面，最重要的是布局，不布好局，更本就无法往下写，即使写了，会发现，写到后面越写越乱，整个页面一团乱麻，而且会花费很多时间去调页面，最终结局就是根本写不起走了。我的解决办法是，先划分好大的区块，把它们的需要占的空间大小有一个有色边框表示出来，这里不用border去设，用outline，因为border要影响位置，而outline不会有任何影响。把需要的每个大块设置出来还，先给他们整体布局，通常布局用浮动和定位，先把几大主板块的位置固定好在开始去一部分一部分的去写每一板块的内部，这样即使某一处出错了，也不会影响另外的大板块的内容，需要注意的是每次使用了浮动之后，在写下一个同级大板块的时候最好都用下clear：both。定位需要找好需要定位的元素的父元素，parent element——position：relative；sonelement——position：absolute。

写页面的时候为了达到标签语义化的效果，要记得使用语义化标签给自己的每一块区域中的大div命名，eg:<div class="sidebar"></div>,这样命名，通常人一看就知道这里面写的是侧边栏的内容了，不要用class=“div1”这种类似的命名方式，这种不具备任何意义的命名读起来也是比较费劲的；其次是关于铺满这个页面宽度的部分的宽度，用100%表示不要写成“numberpx”。