很多網(wǎng)站設(shè)計(jì)師都有共同的問(wèn)題:表格用得好好的，為什么要改用CSS編寫(xiě)??尤其是從平面設(shè)計(jì)轉(zhuǎn)成網(wǎng)站設(shè)計(jì)的人來(lái)說(shuō)，原本Photoshop繪圖，ImageReady排版輸出然后由Dreamweaver調(diào)整HTML，css的語(yǔ)法可說(shuō)是許多人的夢(mèng)靨。
CSS是Cascading Style Sheets的縮寫(xiě)，中文可以簡(jiǎn)單稱為「樣式表」，由W3C所制定的。CSS的進(jìn)化由第一級(jí)：用于 HTML 網(wǎng)站中，可取代傳統(tǒng)字型標(biāo)簽和其他「樣式」標(biāo)記(ex:背景顏色、文字顏色大小、邊界...等等)，一直到W3C 批準(zhǔn)了 CSS 第二級(jí)，除了在第一級(jí)的規(guī)范里增加了更多功能之外，同時(shí)也出現(xiàn)了定位的屬性。而這些屬性也取代了被泛濫使用的table標(biāo)簽。
以上的敘述還是無(wú)法充分的解釋css的優(yōu)點(diǎn)，以一般人的想法來(lái)說(shuō)，用表格所顯示的效果與css幾乎相同，而css又因不同的瀏覽器支援度而有所差異，可以用表格輕松達(dá)到的效果何樂(lè)而不為??以下列出幾個(gè)css的優(yōu)點(diǎn)，再由您來(lái)判定哪一種方式是真正最適合用于網(wǎng)站設(shè)計(jì)的的編法，也許您會(huì)對(duì)css有所改觀。
?比較兩種不同寫(xiě)法的HTML原始碼，表格的原碼數(shù)量勢(shì)必比css多出許多。
?更新、改版更容易。表格設(shè)計(jì)是死的，css設(shè)計(jì)是活的，設(shè)計(jì)好的表格版型因原始碼的復(fù)雜，很難再改變。再者，您可一次更新網(wǎng)站的相同內(nèi)容，而不需要每個(gè)頁(yè)面分別修改。ex:假設(shè)，想要把原本標(biāo)題靠右的文字內(nèi)容改為置中，只需修改css即可。
?CSS能讓我們更輕易的修改整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格。大多數(shù)的網(wǎng)站不會(huì)希望網(wǎng)站樣貌是同一個(gè)樣子，使用久了總會(huì)看膩，這時(shí)若采用表格設(shè)計(jì)網(wǎng)站，勢(shì)必要因?yàn)樾碌陌婷骘L(fēng)格而重新制作表格欄位，反之，css所設(shè)計(jì)的版面，只需要修改CSS文字樣式即可。
?CSS的編寫(xiě)照顧到弱勢(shì)族群。盲人專用的瀏覽器(語(yǔ)音或點(diǎn)字瀏覽器)，可將不必要的顯示效果拿掉，而將最重要的內(nèi)容優(yōu)先顯示，借此能讓盲人立即掌握到最重要的資訊，這樣是這幾年最流行的無(wú)障礙網(wǎng)站設(shè)計(jì)。
?網(wǎng)站設(shè)計(jì)除了整體外觀漂亮之外，還須考量到seo，使自己的網(wǎng)站能在各大搜尋引擎容易被找到。CSS的設(shè)計(jì)有助于SEO讓搜尋機(jī)器人更加輕易辨識(shí)網(wǎng)頁(yè)內(nèi)容。
綜合以上CSS的優(yōu)點(diǎn)，您是否也對(duì)CSS用來(lái)設(shè)計(jì)版面有了新的看法?當(dāng)然剛開(kāi)始使用CSS設(shè)計(jì)排版對(duì)許多網(wǎng)站設(shè)計(jì)師是一項(xiàng)艱鉅的挑戰(zhàn)，同樣一個(gè)版面，也許用表格編排只需花上半天的時(shí)間，用CSS排版卻要用掉三天的工作天，但，一旦掌握其中的道理與規(guī)則，相信您也會(huì)對(duì)CSS愛(ài)不釋手。
