2010.02.15 11:30

【搜文解字】CSS,讓網頁美麗鮮活的化妝師

ADVERTISEMENT

CSS如同HTML一樣,是一種網路標準。可以利用一組定義來制定網頁上的字型、色彩、排版呈現。如果說HTML描繪出網頁的輪廓,那麼CSS就是為網頁的內容上了一層彩妝,讓它更為美觀地呈現在我們眼前。

名詞

  • 英:Cascading Style Sheet
  • 中:層疊樣式表

名詞定義

HTML出現時,各瀏覽器就各自支援不同的樣式表。1994年,目前擔任Opera技術長的Hakon Wium Lie提出了CSS的概念,並且受到W3C組織的注目,而在1996年發表第一版標準,而第一款完整支援CSS1的瀏覽器是2000年Mac版本的IE 5.0。目前的版本是2.1版本,大多數的瀏覽器多已支援;而最新的3.0仍在制定中。

C S S廣泛應用在當下的所有網頁中,除了純粹由HTML撰寫的網頁外,幾乎都用到了CSS。在部落格中修改文字大小、調整排版、套用模板等等,就是在修改 CSS設計。而像Firefox中Greasemonkey這類的附加元件,也可以修改瀏覽器預設的CSS,改變特定網頁外觀,例如在Google搜尋結 果中顯示頁面圖片等。

ADVERTISEMENT

發展現狀

CSS 3新版標準雖然尚未正式推出,但是已經有許多瀏覽器正式支援。包括Opera 10、蘋果Safari 4,Firefox也逐漸加入對CSS 3語法的支援。

CSS 3中有許多相當新穎、特別的新定義。例如Text Shadow,可以讓你輕易地為文字加上陰影;而Web Fonts更可以將字型上傳到網路,當開啟網頁時自動載入,就算電腦中沒有這個字型也能夠正常顯示,更能夠調整RGBA參數調整網頁色塊的透明度,大幅提 升版型設計的美觀。對於網頁設計者而言,當然一定要熟悉CSS 3新增的各項參數。如果你想美化自己的部落格及網頁,更要好好學習一番。而未來的電子出版品、數位影音內容,也有可能會應用到CSS 3的諸多語法。


檢驗瀏覽器是否支援CSS 3。透過提供的測試,可以檢測你所使用的瀏覽器是否支援CSS3 Sector。

數行語法就能為文字加上陰影。Text Shadow是CSS 3中最容易使用的一項新定義,就像Photoshop一樣可以調整陰影角度、模糊、色彩等參數。

網路字型讓網頁表現一致。網路字型可讓網頁直接套用上傳到網路上的字型,不過遇到中文、日文時,下載所需的時間會變長許多。

ADVERTISEMENT