1）網(wǎng)頁布局步驟細化
1莽龟、在“當前版面”分出幾個相對獨立的區(qū)塊（區(qū)塊只分兩種情況：縱向與橫向）；
2蚜点、如果分出的是縱向區(qū)塊轧房，則每一個區(qū)塊寫出一個div就可以了拌阴。
3绍绘、如果分成的是橫向區(qū)塊，則：
a)同樣每個區(qū)塊首先寫出一個div迟赃，且每個div都進行浮動（通常是一左一右陪拘，或兩左一右，或一邊倒）纤壁；
b)設(shè)置各個div需要的寬度及相關(guān)區(qū)域（padding左刽，border，margin）酌媒，但總和不超過當前父盒子的寬度欠痴；
c)有必要也設(shè)置各自高度，以及顏色背景或邊框秒咨，以出現(xiàn)明顯的視覺效果喇辽，這樣有助于排錯；
d)使用如下3個方法之一來保證父盒子可以正確包住其所有子盒子：
i.在父盒子內(nèi)部最后位置添加一個用于清除浮動的空div（<div style=”clear:both”></div>）雨席，
ii.對父盒子使用overflow:hidden;
iii.對父盒子設(shè)置一個固定的高度——適用于內(nèi)部盒子高度固定的情況菩咨。
4、在上述每個分出的區(qū)塊中陡厘，又當做“當前版面”做同樣的分析與設(shè)計（重復(fù)1-3步）
2)html樣式清除（css初始化）
雖然html被稱為一種標準抽米，但其并非是“強制標準”〔谥茫——則各個瀏覽器公司做出來的瀏覽器產(chǎn)品或多或少總有一些差異云茸。
例：利用css設(shè)置的清除:
*{
font-size:12px;
margin:0;
padding:0;
font-weight:normal;
font-style:normal；
list-style-type:none;
}
3)樣式分類
1谤饭，行內(nèi)樣式：
a)<標簽名 其他標簽屬性……. style=”css屬性1：值1标捺；css屬性2：值2胖笛； …… ” >內(nèi)容部分</標簽名>
b)只對當前標簽有效：通常不推薦使用，或偶爾臨時使用宜岛。
2长踊，頁內(nèi)樣式：
a)<style>
選擇器1{ ….. }
選擇器2{ ….. }
……
</style>
b)只對當前網(wǎng)頁有效：常見。
3萍倡，外部樣式：
a)css文件中：
選擇器1{ ….. }
選擇器2{ ….. }
……
b)網(wǎng)頁文件中：
<link rel="stylesheet" type="text/css" href="css文件路徑url" />
c)對所有引入該css的網(wǎng)頁有效：常見身弊。
