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