發(fā)布日期：2017/8/14

發(fā)表日期：2016/11/08 文章編輯：瀏覽次數(shù)：1

尤其是從平面設(shè)計轉(zhuǎn)成網(wǎng)頁設(shè)計的人來說，原本Photoshop繪圖，ImageReady排版輸出然后由Dreamweaver調(diào)整HTML，css的語法可說是許多人的夢靨。

CSS是Cascading Style Sheets的縮寫，中文可以簡單稱為「樣式表」網(wǎng)站優(yōu)化公司，由W3C所制訂的。

CSS起初用于 HTML 網(wǎng)頁中，可庖代傳統(tǒng)字型標(biāo)簽和其他「樣式」標(biāo)記(ex:背景顏色、文字顏色大小、邊界...等等)，一向到W3C 批淮了 CSS 第二級，除了在級的規(guī)范里增添了更多功能之外，同時也出現(xiàn)了定位的屬性。而這些屬性也庖代了被犯濫使用的table標(biāo)簽。

以上的敘述照舊無法充分的詮釋css的優(yōu)點(diǎn)，以一般人的想法來說，用表格所顯示的效果與css幾乎相同建網(wǎng)站多少錢，而css又因不同的瀏覽器支援度而有所差異，可以用表格輕松達(dá)到的效果何樂而不為??

以下列出幾個css的優(yōu)點(diǎn)，再由您來判定哪一種體例是真正適合用于網(wǎng)頁設(shè)計的的編法，也許您會對css有所改觀。

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

更新、改版更容易。

表格設(shè)計是死的，css設(shè)計是活的，設(shè)計好的表格版型因原始碼的復(fù)雜，很難再改變。再者，您可一次更新網(wǎng)站的相同內(nèi)容，而不需要每個頁面分別修改。ex:假設(shè)，想要把原本題目靠右的文字內(nèi)容改為置中，只需修改css即可。

CSS能讓我們更輕易的修改整個網(wǎng)站的設(shè)計風(fēng)格。

大多數(shù)的網(wǎng)站不會希望網(wǎng)站樣貌是統(tǒng)一個樣子，使用久了總會看膩，這時若采用表格設(shè)計網(wǎng)頁，勢需要因?yàn)樾碌陌婷骘L(fēng)格而重新製作表格欄位，反之，css所設(shè)計的版面，只需要修改CSS文字樣式即可。

CSS的編寫照顧到弱勢族群。

瞽者專用的瀏覽器(語音或點(diǎn)字瀏覽器)，可將 不需要的顯示效果拿掉，而將主要的內(nèi)容優(yōu)先顯示，借此能讓瞽者立即掌握到主要的資訊，這樣是這幾年流行的無障礙網(wǎng)頁設(shè)計。

CSS的設(shè)計有助于SEO讓搜尋機(jī)器人更加輕易辨識網(wǎng)頁內(nèi)容。

網(wǎng)站設(shè)計除了整體外觀漂亮之外，還須考量到seo，使自己的網(wǎng)站能在各大搜尋引擎容易被找到。

綜合以上CSS的優(yōu)點(diǎn)，您是否也對CSS用來設(shè)計版面有了新的看法?當(dāng)然剛開始使用CSS設(shè)計排版對許多網(wǎng)頁設(shè)計師是一項(xiàng)艱巨的挑戰(zhàn)，同樣一個版面，也許用表格編排只需花上半天的時間，用CSS排版卻要用掉三天的工作天，但，一旦掌握其中的道理與規(guī)則，相信您也會對CSS愛不釋手。