CSS揭祕（引言）

一、標準的制定過程

　　a 人員結構：W3C會員公司的成員、特邀專家、W3C工做人員

　　b 儘管「CSS3」很是流行，但它實際上並無在任何規範中定義過。它其實是指一個非正式的集合，包括CSS規範第三版再加上一些版本號仍是1的新規範。

二、CSS編碼技巧

　　a 儘可能減小代碼重複

　　b 相信你的眼睛，而不是數字

　　c 關於響應式網頁設計的建議

使用百分比長度來取代固定寬度，同時能夠嘗試使用視口相關的單位（vw、vh、vmin和vmax）；
當你須要在較大分辨率下獲得固定寬度時，使用max-width而不是width，由於它能夠適應較小的分辨率，而無需使用媒體查詢；
不要忘記爲替換元素（img、object、video、iframe等）設置一個max-width，值爲100%；
假如背景圖片須要完整地鋪滿一個容器，無論容器的尺寸如何變化，background-size:cover這個屬性均可以作到；
當圖片或者其餘元素以行列式進行佈局時，讓視口的寬度來決定列的數量。彈性佈局或者display:inline-block加上常規的文本折行行爲，均可以實現；
在使用多列文本時，制定column-width而不是指定column-count，這樣就能夠在較小的屏幕上自動顯示爲單列布局；

整體思路：盡最大努力，實現彈性可伸縮的佈局，並在媒體查詢的各個斷點區間內指定相應的尺寸（須要細細琢磨）。

　　d 合理使用簡寫

background中background-size和background-position之間須要斜槓（/）做爲分隔，由於（50% 50%）這樣的值對於解析器來講是不肯定的。
background-size這個屬性的定義必須在background-position以後, 並使用 '/' 符號分隔;
background-size:cover，縮放背景圖片以徹底覆蓋背景區，可能背景圖片部分看不見;
background-size:contain，縮放背景圖片以徹底裝入背景區，可能背景區部分空白。

　　e 預處理器

面臨的問題是，css的文件體積和複雜度可能會失控，調試難度會增長，增長協做者學習成本；
還有抽象泄漏法則：全部重大的抽象機制在某種程度上都存在泄漏的狀況（即它們有它們本身的BUG）。