觀念
1. CSS主要目的是將一些網頁排版的元素, 與網頁內容抽離, 讓HTML內純粹只有內容, 排版元素如：字型, 大小, 顏色, 字距, 列距, 背景色等, 整理至CSS內成為一組組可再用的classes
2. 傳統排版的Tables根據理論可以CSS的floating and positioning components來取代, 仍有一些值得注意的限制:
只能在特定的瀏覽器運作, 如IE 4.x/5.x, Netscape Navigator 4.x, Opera 3.5以上
3. 許多人也許會用MS Powerpoint, Excel or Word編輯內容然後轉存成網頁, 這會有的缺點是會產生過於龐大的HTML, 內涵許多重複的格式設定, 造成網頁維護內容困難
CSS的三種形式
1. external style sheet
2. document style sheet
3. inline style
使用建議:
1. 將許多網頁共同可以用到的排版元素, 做清楚的制定, 如: tools line, top navigator, left navigator, eight navigator, bottom line, 主標題, 副標題, 次標題, 表格Head area, 表格文字, 一般內文文字, 瀏覽路徑(breadcrumb), 各個區域的背景色等
2. 上列的排版元素都應該制定清楚的style組織成一些classes存放在external style sheet內, 當需要更改時, 就不須再逐頁更改
3.單一HTML內特有的排版元素(其他網頁不會用到), 且頁內多處使用, 則可設定在document style sheet上
4.其他, 特殊排版只有用到一次, 則可直接設在inline style
by Fred Wang 2003/09/30
沒有留言:
張貼留言
歡迎提供意見, 謝謝 (註 : 留言經過版主審核通過才會發布)