CSS設計網頁有什(shén)麽好處

　　尤其是從平面設計轉成網頁設計的(de)人(rén)來(lái)說，原本Photoshop繪圖，ImageReady排版輸出然後由Dreamweaver調整HTML，css的(de)語法可(kě)說是許多(duō)人(rén)的(de)夢靥。

　　CSS是Cascading Style Sheets的(de)縮寫，中文可(kě)以簡單稱爲「樣式表」，由W3C所制定的(de)。

　　CSS起初用(yòng)于 HTML 網頁中，可(kě)取代傳統字型标簽和(hé)其他(tā)「樣式」标記(ex:背景顔色、文字顔色大(dà)小、邊界...等等)，一直到W3C 批淮了(le) CSS 第二級，除了(le)在第一級的(de)規範裏增加了(le)更多(duō)功能之外，同時(shí)也(yě)出現了(le)定位的(de)屬性。而這(zhè)些屬性也(yě)取代了(le)被犯濫使用(yòng)的(de)table标簽。

　　以上的(de)叙述還(hái)是無法充分(fēn)的(de)解釋css的(de)優點，以一般人(rén)的(de)想法來(lái)說，用(yòng)表格所顯示的(de)效果與css幾乎相同，而css又因不同的(de)浏覽器支援度而有所差異，可(kě)以用(yòng)表格輕松達到的(de)效果何樂(yuè)而不爲??

　　以下(xià)列出幾個(gè)css的(de)優點，再由您來(lái)判定哪一種方式是真正最适合用(yòng)于網頁設計的(de)的(de)編法，也(yě)許您會對(duì)css有所改觀。

　　比較兩種不同寫法的(de)HTML原始碼，表格的(de)原碼數量勢必比css多(duō)出許多(duō)。

　　更新、改版更容易。

　　表格設計是死的(de)，css設計是活的(de)，設計好的(de)表格版型因原始碼的(de)複雜(zá)，很難再改變。再者，您可(kě)一次更新網站的(de)相同内容，而不需要每個(gè)頁面分(fēn)别修改。ex:假設，想要把原本标題靠右的(de)文字内容改爲置中，隻需修改css即可(kě)。

　　CSS能讓我們更輕易的(de)修改整個(gè)網站的(de)設計風格。

　　大(dà)多(duō)數的(de)網站不會希望網站樣貌是同一個(gè)樣子，使用(yòng)久了(le)總會看膩，這(zhè)時(shí)若采用(yòng)表格設計網頁，勢必要因爲新的(de)版面風格而重新製作表格欄位，反之，css所設計的(de)版面，隻需要修改CSS文字樣式即可(kě)。

　　CSS的(de)編寫照(zhào)顧到弱勢族群。

　　盲人(rén)專用(yòng)的(de)浏覽器(語音(yīn)或點字浏覽器)，可(kě)将 不必要的(de)顯示效果拿掉，而将最重要的(de)内容優先顯示，借此能讓盲人(rén)立即掌握到最重要的(de)資訊，這(zhè)樣是這(zhè)幾年最流行的(de)無障礙網頁設計。

　　CSS的(de)設計有助于SEO讓搜尋機器人(rén)更加輕易辨識網頁内容。

　　網站設計除了(le)整體外觀漂亮之外，還(hái)須考量到seo，使自己的(de)網站能在各大(dà)搜尋引擎容易被找到。

　　綜合以上CSS的(de)優點，您是否也(yě)對(duì)CSS用(yòng)來(lái)設計版面有了(le)新的(de)看法?當然剛開始使用(yòng)CSS設計排版對(duì)許多(duō)網頁設計師是一項艱巨的(de)挑戰，同樣一個(gè)版面，也(yě)許用(yòng)表格編排隻需花上半天的(de)時(shí)間，用(yòng)CSS排版卻要用(yòng)掉三天的(de)工作天，但，一旦掌握其中的(de)道理(lǐ)與規則，相信您也(yě)會對(duì)CSS愛(ài)不釋手。