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