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