
260
|
第九章
做法。你必須衡量程式維護與節省 HTTP 請求的好處,以及瀏覽器計算並繪製 CSS 圖
形花費的時間,及行動設備的記憶體限制。有一些 CSS 特效,例如非常大型的放射漸層
圖,會使用很多記憶體,而且如果你要求某個設備將它重複寫到記憶體裡面,會讓瀏覽
器變得很緩慢。
較少的程式,可能代表較佳的效能,與較輕鬆的網站維護過程。但是並非所有 CSS 功能
都可以在記憶體有限的設備上執行得很好。當我們討論“高風險”的 CSS 主題時,我會
解釋該功能對效能造成的影響,以及如何避免讓使用者的瀏覽器變慢或當機。
因為某些 CSS3 及 HTML5 功能有效能上的缺陷,我不會完全捨棄圖像不用。我們將會
在第十一章討論多重背景圖像與
border-image
,這是兩種可以快速且輕鬆使用圖像建立
按鈕與背景的功能。
我們不會討論語音、Paged Media 或 Ruby 模組,因為它們分別是讓聆聽語音的使用者、
印表機及亞洲語言網站使用的功能
1
。我們會在下一章討論變形、漸變及動畫。
雖然 CSS 方塊模型在 CSS3 之前就已經存在了,但我們也會花一些時間討論它。CSS 方
塊模型從 CSS 問世以來,就是網頁版面的基礎,所以你一定要充分地掌握它。
CSS 方塊模型特性
在我們進入新的 CSS3 特性與值之前,有一項很重要的事情,就是瞭解 CSS 方塊模
型,以及組成方塊模型的特性。所有現代瀏覽器一直以來都支援邊框(border)、邊界
(margin)及內距(padding)特性:
•
border-bottom ...