CSS 之美 - 探討 CSS 的 用途
你也用 CSS 嗎?
我知道現在大家都用CSS。電腦工程師用、網頁設計師用、大學生用、
高中生用、爸爸用、姊姊用、奶奶用、小狗用、就連阿米巴原先生也用。可是你是怎麼用CSS的
呢?是不是打開包裝、照著說明書隨便拼湊一下,然後插電就使用了?你有沒有想過這個東西有
隨時爆炸的可能性呢?沒錯,CSS既簡單、強大又好用,還替你跟所有的網路使用者節省頻寬跟硬
盤空間,可是 ─ 要知道不管是任何東西,如果沒有了解正當的使用方法,總是有可能不僅達不到
本來的目的,還有可能導致生命財產上的損失。以下我們列舉些對CSS普遍的誤解。
一些錯誤的觀念
CSS很難,只有電腦駭客才懂。
CSS可以完全替代HTML。
想要讓自己的網頁很漂亮,只要拿別人現成的CSS來套用就好。
我用合格的HTML跟CSS,所以我的網頁沒問題。
到底是什麼問題?
當你的網頁通過了W3C的驗證考驗,很高興的掛上了 CSS 跟 HTML 的 validated
貼紙時,你的網頁還不見得能見人。想知道為什麼嗎?
詳情請見 [
標準的差異
] 。問題出在各瀏覽器對參數屬性、預設值的詮釋。簡單的例子如,若是你安裝了SVG Viewer for
IE 卻沒有更新 Firefox為 SVG support 的版本,那麼也許一個美美的網站用Firefox看就好像
是鬼屋一樣了。更何況有些瀏覽器可能根本不支援CSS,甚至只支援部份的HTML!有時候不光是支援
度的問題;如果哪天有人用PDA瀏覽你的網頁,那他很可能會發現他只能看到你的網頁的左上角,
比方說你的頭皮或是,「Piai」然後其它的東西只好靠拉動scrollbar來尋找。再者,大部份的瀏覽
器目前都不支援一些很棒的屬性,比方說shadow、content、counter等等。即使你通過了Validate
也沒有任何人看得到你想像中的效果。讓我們將這幾點列一張表:
| Valid? |
情境 |
結果 |
改良法 |
| ˇ |
使用Plugin |
什麼都沒有 |
少用 |
| ˇ |
使用 CSS |
某些簡單的瀏覽器看起來亂七八糟 |
讓網頁不用也可以看 |
| ˇ |
使用整個螢幕 |
用PDA只看得到角落 |
用百分比定位、定型 |
| ˇ |
使用最新屬性 |
你可以把想像中的結果畫下來給大家看 |
不要當白老鼠 |
於是乎讓我們用這個網站的第三號頭條來大聲疾呼:
別以為你通過考試了!這只是開始!
你要知道,要使用現成的
CSS檔並不是這麼簡單的。許多人到CSS ZONE、CSS Garden去尋寶,看到
許多漂亮的網頁,就想說是不是可以直接拿來套用。其實需要了解的東
西還很多,而且到最後如果變成固定式的寫法,為什麼不乾脆直接使用
XML來製作網頁呢?其實,很多漂亮的CSS還是仰賴了許多圖片,而純粹
CSS的網頁看起來不僅都是一個樣,而且其實這種網頁有的是樸素美,
所謂的樸素美就像是「一張白紙好美」一樣。很多人愛用線條、邊框、
虛線等,被CSS的能力限制住了想像力。
以上內容純粹是為了測試此網站的CSS而亂寫,謝謝收看。XD
回首頁