級聯樣式表(Cascading Style Sheet)簡稱 “CSS”,通常又稱為 “風格樣式表(Style Sheet)”,它是用來進行網頁風格設計的。比如,如果想讓連結字未點選時是藍色的,當滑鼠移上去後字變成紅色的且有下劃線,這就是一種風格。透過設立樣式表,可以統一地控制 HTML 中各標誌的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表,可以擴充精確指定網頁元素位置,外觀以及建立特殊效果的能力。
CSS 的使用可以讓一些複雜的程式碼簡單化,讓程式碼精簡,從而提高很多麻煩,同時您編輯好了一個 css 樣式在任何一個頁面也同樣可以使用,呼叫很方便,可以多次使用,而 以往的 table 表格修改會非常的複雜麻煩,直到全面替代傳統 web 設計方法。 w3c 組織創 建的 css 技術將替代 html 的表格、 font 標籤、 frames 以及其它用於表現的 html 元素。提高頁面瀏覽速度。使用 css 方法,比傳統的 web 設計方法至少節約 50% 以上的檔案尺寸,因為 div+css 的網頁佈局少於 table 的頁面佈局,精簡了程式碼所以訪問速度就提升了,從而對網站的訪問量提高了保證。
修改時方便簡單,在網站設計到修改的、改動的時候只需修改 css 樣式檔案就可以,減少大篇幅的修改。強大的字型控制和排版能力。 css 控制字型的能 力比糟糕的 font 標籤好多了,有了 css,我們不再需要用 font 標籤或者透明的 1 px gif 圖片來控制標題,改變字型顏色,字型樣式,css 非常容易編寫。您可以象寫 html 程式碼一樣輕鬆地編寫 css 。提高易用性。使用 css 可以結構化 html,標籤只用來控制段落,heading 標籤只用來控制標題,table 標籤只用來表現格式化的資料等等。您可以增加更多的多使用者而不需要建立獨立的版本。
採用 div-css 佈局的網站對於搜尋引擎很是友好,因此其避免了 Table 巢狀層次過多而無法被搜尋引擎抓取的問題,而且簡潔、結構化的程式碼更加有利於突出重點和適合搜尋引擎抓取。 DIV+CSS 相比 TABLE 佈局,更容易出現多種瀏覽器不相容的問題,主要原因是不同的瀏覽器對 web 標準預設值不同。國內主流是 ie,firefox 及 chrome 用的較少,在相容性測試方面,先需要保證在 ie 多版本不出現問題,這裡涉及到一些方法和技巧,可以針對具體問題在網站查詢解決辦法。