學習css製作網頁總結的一些經驗

使用div+css排版不是用換個標籤然後再去按照**的方式去排版，而是做到內容與表現的分離。

類用於標識同一頁面可重複定義使用的結構性元素 id與類的命名需與表現形式無關：leftcontent 而使用有意義的定義方式：sidebar等等。命名方式遵循「駝峰式大小寫（標誌符由多個單詞組成除首詞首字母小寫外其餘單詞首字母均大寫）」

3：div與span iv（塊級框）用於對塊級元素的分組 span（行內框）用於對行內元素分組標識

5: body 也是可以新增id和類的這樣就可以為其新增特別樣式。

6:樣式表中匯入樣式表需在頂端覆蓋規則為本身樣式覆蓋匯入樣式。

差異在於：ie5.5/ie6怪異模式下 width=有效content.width+padding.width+border.width 內補丁和邊框被算在內容寬度裡面

處理方法：在父元素或子元素中使用padding 本身不使用

但是如果這個時候你新增邊框或則填充，將不再疊加

9：相對定位（relative）：相對於其預設初始位置絕對定位：相對父級元素或畫布、html元素與文件流無關可覆蓋其他元素使用z-index 控制其層次。ie5.5/ie6下對right bottom時需設定框的寬高後則根據畫布右底定位。

10：float浮動：記住：「在標準瀏覽器中浮動元素脫離了文件流不佔據外圍容器空間」明白了這點你就會明白為什麼ie和firefox下表現的不同了。ie5.5、ie6浮動元素依然佔據外圍容器空間

clear：none、left、right、both、

表示當前框元素哪些邊不應該挨著浮動框

理解了10中float在不同瀏覽器下的表現你也就知道如何去使用清楚了。

外部控制容器寬度一般小於等於兩個背景和這樣當內容動態變化時候右背景影象便感覺像在左背景影象上滑動，故名。