尤其是(shì)從(cóng)平面設計(jì)轉成網頁設計(<₩♣∏jì)的(de)人(rén)來(lái)說(shuō)，原本Photos€ §hop繪圖，ImageReady排版輸出然後由Dreamweaver調整H¶™​TML，css的(de)語法可(kě)說(shuō)是(shì)許多(→₩§αduō)人(rén)的(de)夢靥。

    CSS是(shì)Cascadin≤↔≤♦g Style Sheets的(de)縮寫，中文(wé★∑n)可(kě)以簡單稱為(wèi)「樣式表」，由W3C所制♦α®(zhì)定的(de)。

    CSS起初用(yòng)于 HTM≠>L 網頁中，可(kě)取代傳統字型标簽和(hé)其他(tā)「樣式」标÷שλ記(ex:背景顔色、文(wén)字顔色大±γ(dà)小(xiǎo)、邊界...等等)，一(yī)σφ•直到(dào)W3C 批淮了(le) CSS 第二級，除了(★‌←le)在第一(yī)級的(de)規範裡(lǐ)增加了(le)更多(duō)功能 ‌★∏(néng)之外(wài)，同時(shí)也↓∑π(yě)出現(xiàn)了(le)定位的(de)↓ ™₹屬性。而這(zhè)些(xiē)屬性也(yγ♣‌ě)取代了(le)被犯濫使用(yòng)的(de)table标簽。

    以上(s©εhàng)的(de)叙述還(hái)是(shì∞♣★)無法充分(fēn)的(de)解釋css的(de)優點，以一(yī)般人("σ≠¶rén)的(de)想法來(lái)說(shuō)，用(yòn↔≠₩g)表格所顯示的(de)效果與css幾乎相(xiàng)同，而css又(y'α•←òu)因不(bù)同的(de)浏覽器(q¥€ì)支援度而有(yǒu)所差異，可(kě)以用(yòng)表格↕'"輕松達到(dào)的(de)效果何樂(yσ♥<©uè)而不(bù)為(wèi)??

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

    比較兩種不(bù)同寫法的‌ ₹(de)HTML原始碼，表格的(de)原碼數(shù)量勢必比css多™βα(duō)出許多(duō)。

    更新、改版更容易。

    表格設計(jì<α)是(shì)死的(de)，css設計(jì)是(shì)活的(de)，設計 ₽♣(jì)好(hǎo)的(de)表格版型因原始碼的(de)複雜(zá)，很≈¶(hěn)難再改變。再者，您可(kě)一(yī)次更新網站(zhàn)π✔的(de)相(xiàng)同內(nèi)容，而不(bù)±≥需要(yào)每個(gè)頁面分(fēn)别修改。ex:假設，想要(¥'≥ yào)把原本标題靠右的(de)文(wén)字內(nèi)容改為©σ(wèi)置中，隻需修改css即可(kě)。

    CSS能(néng)讓我們更輕易的(deδ ÷)修改整個(gè)網站(zhàn)的(de)設計(jì)風¥'±σ(fēng)格。

    大(dà)多(duō)數(shù)∏↕的(de)網站(zhàn)不(bù)會(huì)希望網站(zhà$÷n)樣貌是(shì)同一(yī)個(gè)樣子(z←​↕↑ǐ)，使用(yòng)久了(le)總會(huì)看(k∞ Ωàn)膩，這(zhè)時(shí)若采用(yòng)表格設計(jì)網頁，勢必™§ €要(yào)因為(wèi)新的(de)版面風(fēng)格而重♠ '新製作(zuò)表格欄位，反之，css所設計(jì)的(•>de)版面，隻需要(yào)修改CSS文(wén)→♣←字樣式即可(kě)。

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

    盲人(♦≠rén)專用(yòng)的(de)浏覽器(qì)(語音(yī©←λ✘n)或點字浏覽器(qì))，可(kě)将  ₩↕☆₩;  不(bù)必要(yào)的(de)顯示Ω£效果拿(ná)掉，而将最重要(yào)的(de)≠€內(nèi)容優先顯示，借此能(néng)£★ε讓盲人(rén)立即掌握到(dào)最重要(yào)的(de)<×♦資訊，這(zhè)樣是(shì)這(zh φè)幾年(nián)最流行(xíng)的φ↑‌(de)無障礙網頁設計(jì)。

    CSS的(de)設計(jì)有(yǒu)助于SEO讓∏≥ 搜尋機(jī)器(qì)人(rén)更加輕易辨識網頁內(nèi)♦§↔容。

    網站(zhàn)設計(j₩★÷ì)除了(le)整體(tǐ)外(wài)觀漂亮 ‍∞₩(liàng)之外(wài)，還(hái)須考量到(dΩ ≤♦ào)seo，使自(zì)己的(de)網站(zhà←✘☆n)能(néng)在各大(dà)搜尋引擎容易被找到(dào)。

    綜合以上(shàng)CSS的(λ£∞♦de)優點，您是(shì)否也(yě)對‌€(duì)CSS用(yòng)來(lái)≥×™設計(jì)版面有(yǒu)了(le)新的π©‍(de)看(kàn)法?當然剛開(kāi)始 ★↕>使用(yòng)CSS設計(jì)排版對(↕→"duì)許多(duō)網頁設計(jì)師<↑★(shī)是(shì)一(yī)項艱巨的(de)挑戰，同樣一(yī‍  ≤)個(gè)版面，也(yě)許用(yòng∏₩)表格編排隻需花(huā)上(shàng)半天的(de)時(shíΩ )間(jiān)，用(yòng)CSS排版卻要(yào)用(yòng)掉三λ↓≈σ天的(de)工(gōng)作(zuò)天，但(dàn)，一(yī)旦↕≤★÷掌握其中的(de)道(dào)理(lǐ)與規則，相(‍"π≈xiàng)信您也(yě)會(huì)對(duì)CSS愛(ài)不(b₽σù)釋手。