1）網頁布局步驟細化
1、在“當前版面”分出幾個相對獨立的區塊（區塊只分兩種情況：縱向與橫向）；
2、如果分出的是縱向區塊，則每一個區塊寫出一個div就可以了。
3、如果分成的是橫向區塊，則：
a)同樣每個區塊首先寫出一個div，且每個div都進行浮動（通常是一左一右，或兩左一右，或一邊倒）；
b)設置各個div需要的寬度及相關區域（padding，border，margin），但總和不超過當前父盒子的寬度；
c)有必要也設置各自高度，以及顏色背景或邊框，以出現明顯的視覺效果，這樣有助于排錯；
d)使用如下3個方法之一來保證父盒子可以正確包住其所有子盒子：
i.在父盒子內部最后位置添加一個用于清除浮動的空div（<div style=”clear:both”></div>），
ii.對父盒子使用overflow:hidden;
iii.對父盒子設置一個固定的高度——適用于內部盒子高度固定的情況。
4、在上述每個分出的區塊中，又當做“當前版面”做同樣的分析與設計（重復1-3步）

2)html樣式清除（css初始化）
雖然html被稱為一種標準，但其并非是“強制標準”。——則各個瀏覽器公司做出來的瀏覽器產品或多或少總有一些差異。

例：利用css設置的清除:
*{
font-size:12px;
margin:0;
padding:0;
font-weight:normal;
font-style:normal；
list-style-type:none;
}
3)樣式分類
1，行內樣式：
a)<標簽名 其他標簽屬性……. style=”css屬性1：值1；css屬性2：值2； …… ” >內容部分</標簽名>
b)只對當前標簽有效：通常不推薦使用，或偶爾臨時使用。
2，頁內樣式：
a)<style>
選擇器1{ ….. }
選擇器2{ ….. }
……
</style>
b)只對當前網頁有效：常見。
3，外部樣式：
a)css文件中：
選擇器1{ ….. }
選擇器2{ ….. }
……
b)網頁文件中：
<link rel="stylesheet" type="text/css" href="css文件路徑url" />
c)對所有引入該css的網頁有效：常見。