很多網頁設計師都有共同的問題:表格用得好好的，為什麼要改用CSS編寫??尤其是從平面設計轉成網頁設計的人來說，原本Photoshop繪圖，ImageReady排版輸出然後由Dreamweaver調整HTML，css的語法可說是許多人的夢靨。

CSS是Cascading Style Sheets的縮寫，中文可以簡單稱為「樣式表」，由W3C所制定的。CSS的進化由第一級：用於 HTML 網頁中，可取代傳統字型標籤和其他「樣式」標記(ex:背景顏色、文字顏色大小、邊界...等等)，一直到W3C 批准了 CSS 第二級，除了在第一級的規範裡增加了更多功能之外，同時也出現了定位的屬性。而這些屬性也取代了被氾濫使用的table標籤。

以上的敘述還是無法充分的解釋css的優點，以一般人的想法來說，用表格所顯示的效果與css幾乎相同，而css又因不同的瀏覽器支援度而有所差異，可以用表格輕鬆達到的效果何樂而不為??以下列出幾個css的優點，再由您來判定哪一種方式是真正最適合用於網頁設計的的編法，也許您會對css有所改觀。

‧比較兩種不同寫法的HTML原始碼，表格的原碼數量勢必比css多出許多。 ‧更新、改版更容易。表格設計是死的，css設計是活的，設計好的表格版型 因原始碼的複雜，很難再改變。再者，您可一次更新網站的相同內容，而不 需要每個頁面分別修改。ex:假設，想要把原本標題靠右的文字內容改為置中 ，只需修改css即可。

‧CSS能讓我們更輕易的修改整個網站的設計風格。大多數的網站不會希望網 站樣貌是同一個樣子，使用久了總會看膩，這時若採用表格設計網頁，勢必 要因為新的版面風格而重新製作表格欄位，反之，css所設計的版面，只需 要修改CSS文字樣式即可。

‧CSS的編寫照顧到弱勢族群。盲人專用的瀏覽器(語音或點字瀏覽器)，可將 不必要的顯示效果拿掉，而將最重要的內容優先顯示，借此能讓盲人立即掌 握到最重要的資訊，這樣是這幾年最流行的無障礙網頁設計。

‧網站設計除了整體外觀漂亮之外，還須考量到seo，使自己的網站能在各大 搜尋引擎容易被找到。CSS的設計有助於SEO讓搜尋機器人更加輕易辨識網 頁內容。

綜合以上CSS的優點，您是否也對CSS用來設計版面有了新的看法?當然剛開始使用CSS設計排版對許多網頁設計師是一項艱鉅的挑戰，同樣一個版面，也許用表格編排只需花上半天的時間，用CSS排版卻要用掉三天的工作天，但，一旦掌握其中的道理與規則，相信您也會對CSS愛不釋手。

Posted by 專案經理 / SAM