
附錄 C
CSS3 參考資料
想利用 CSS2.1 開發出炫麗的網頁介面,其實並非易事,因為通常還得搭配許多 HTML
程式碼、圖檔,以及 JavaScript 程式。CSS3 為了解決這個問題,內建更多好用的屬性和
選取項,讓我們得以輕鬆的開發令人驚豔的網頁介面。
像現在我在設計網頁介面時,已經不太會再用 Photoshop 來繪製網頁介面示意圖,通常
都是直接使用 CSS3 和 HTML5 拉出雛型系統介面。因為 CSS3 和 HTML5 內建的許多強
大功能,已經讓繪製靜態 PSD 圖檔的動作顯得多餘。而且客戶通常也較偏好這種做法,
因為這讓他們能夠實際試用系統介面、獲得較佳的操作體驗。
相信很多人看到這,可能會想問:「那些不支援 CSS3 的老舊瀏覽器該怎麼辦?」不可
諱言,目前在使用 CSS3 時,的確會遇到不少瀏覽器相容性的問題。但這種情況並非無
解,我們可以採用「
適度降級
(
graceful degradation
)」的手法。也就是讓老舊的瀏覽
器直接略過所有 CSS3 樣式,改用標準 CSS 樣式。換言之,如果使用者用的瀏覽器是
Chrome,就能看到最繽紛炫麗的網頁介面;不過如果使用者用的瀏覽器是 IE7,就會看
到比較沒那麼酷炫的網頁介面(但至少功能還是會一切正常)。
至於 IE6,建議完全當它不存在就算了。像 Facebook、Amazon 和 Google 這些大型網
站,都已經停止支援 IE6。坦白說,為了支援那一小撮的 IE6 使用者,勞師動眾的修改
網頁,實在不太符合成本效益。畢竟網頁的技術日新月異 ...