標籤:

CSS 設計理念

今天整理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 |