CSS，是能夠真正做到網(wǎng)頁(yè)表現與內容分離的一種樣式設計語(yǔ)言。相對于傳統HTML的表現而言，CSS能夠對網(wǎng)頁(yè)中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁(yè)對象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設計，是目前基于文本展示最優(yōu)秀的表現設計語(yǔ)言。CSS能夠根據不同使用者的理解能力，簡(jiǎn)化或者優(yōu)化寫(xiě)法，針對各類(lèi)人群，有較強的易讀性。下面說(shuō)說(shuō)關(guān)于CSS布局的一些知識。

1、學(xué)布局須思路，路隨布局原理自然直，輕松駕馭html，流水布局少hack，代碼清爽，兼容好，友好引擎喜歡迎。
 
2、兼容各個(gè)瀏覽須注意，默認設置行高可能是殺手。
 
3、IE邊框若顯若無(wú)，須注意，定是高度設置已忘記。
 
4、像素文本慢移不必慌，高度設置幫你忙。
 
5、圖片鏈接排版須小心，圖片鏈接文字鏈接若對齊，padding和vertical-align:middle要設定，雖差微細倒無(wú)妨。
 
6、列表橫向排版，列表代碼須緊靠，空隙自消須銘記。
 
7、IE浮動(dòng)雙邊距，請用display：inline拘。
 
8、所有標簽皆有源，只是默認各不同，span是無(wú)極，無(wú)極生兩儀—內聯(lián)和塊級，img較特殊，但也遵法理，其他只是改造各不同，一個(gè)*號全歸原，層疊樣式理須多練習，萬(wàn)物皆規律。
 
9、列表橫向排版，列表代碼須緊靠，空隙自消須銘記。
 
10、獨立清除浮動(dòng)須銘記，行高設無(wú)，高設零，設計效果兼瀏覽,。
 
采用div-css布局的網(wǎng)站對于搜索引擎很是友好，因此其避免了Table嵌套層次過(guò)多而無(wú)法被搜索引擎抓取的問(wèn)題，而且簡(jiǎn)潔、結構化的代碼更加有利于突出重點(diǎn)和適合搜索引擎抓取。