CSS 設計理念
01-28
今天整理CSS2.1的規範,發現這個,分享給大家。
CSS2.1 作為 CSS2 和 CSS1 的後序版本,基於一下一組設計理念:
- 向前和向後兼容。CSS2.1 的用戶代理能夠理解 CSS1 的樣式表。 CSS1 的用戶代理能夠讀取 CSS2.1 n的樣式表,並且丟棄他們不能理解的部分。同時,對於不支持 CSS 的用戶代理可以顯示樣式增強的文檔。當然通過 CSS n增強的樣式將不被渲染,但所有的內容可以被表現。
- 作為結構化文檔的補充。樣式表補充結構化文檔(例如,HTML 和 XML應用程序),為標記文本提供樣式信息。樣式表應該非常容易修改,並對標記的影像甚微或沒有。
- 供應商,平台和設備無關。樣式表使文檔保持供應商,平台和設備無關。樣式表本身也是供應商和平台無關的,但CSS2.1允許你為一組設備指定一個樣式表(例如,印表機)。
- 可維護性。通過在文檔中指向樣式表,網站管理員能簡化站點的維護和保持整個站點的一致外觀和感覺。例如,如果組織的背景色發生改變,僅需更改一個文件。
- 簡單。CSS 是一門簡單的樣式語言,是對人類讀寫友好的。CSS的屬性保持最大程度上的相互獨立,一般實現一個效果只有一種方法。
- 網路性能。CSS為內容的呈現方式提供了緊湊的編碼。圖片或音頻文件常被作者用來實現某種特定的渲染效果,樣式表和其比起來體積要小的多。同時,減少網路鏈接的次數,進一步提高網路性能。
- 靈活性。有幾種方法可以將CSS應用到內容。關鍵特徵是不同位置的樣式信息能夠層疊,包括默認(用戶代理)樣式表,用戶樣式表,鏈接樣式表,內嵌樣式,和元素屬性中的樣式信息。渴求的某些渲染效果和設備無關相衝突,但CSS2.1
- 豐富的。為作者提供一組豐富的渲染效果,增加網站作為表達媒介的豐富性。設計師們已經對桌面版和幻燈片應用中的常見功能渴望許久。但 CSS2.1 為滿足設計師的要求,向前邁了一大步。
- 可選的語言綁定。規範中描述的一組 CSS 屬性使視覺和聽覺格式化模型表現一致。其格式化模型可以通過CSS語言訪問,但也可以綁定到其他語言。例如,在JavaScript程序中可以動態改變某個元素的『color』屬性值。
- 可訪問性。一些CSS功能將使網路更方便殘障用戶:n
- 控制字體外觀屬性允許作者消除不可訪問的文圖圖片。
- 位置屬性允許作者消除強制布局的標記技巧(例如,不可見圖片)。
- !improtan 規則的意義在於有特別演示要求的用戶可以覆蓋作者的樣式表。
- 所有屬性的『inherit』值用來提升層疊的通用性,和更容易生成一致的風格。
- 改進媒體支持,包括媒體分組和 braille,embossed,和 tty 媒體類型,允許用戶或作者為這些設備定製頁面。
注
原文:Introduction to CSS 2.1
n 原文網址:CSS 設計理念
微信公眾號
n 關注微信公眾號:顏海鏡,最新博文優先推送,不再錯過精彩內容。
推薦閱讀:
※移動端實現內滾動的4種方案
※外邊距摺疊-磨人的小妖精
※Markdown入門指南
※「每日一題」為什麼不建議將 font-size 設置為 12px 以下?
※【譯】CSS變數的正確使用方法
TAG:CSS |