CSS 設(shè)計(jì)理念

2018-06-16 18:24 更新
09 July 2014
號(hào)外號(hào)外:專注于移動(dòng)端的fullPage.js來(lái)啦!!!快點(diǎn)我查看

今天整理CSS2.1的規(guī)范,發(fā)現(xiàn)這個(gè),分享給大家。

CSS2.1 作為 CSS2 和 CSS1 的后序版本,基于一下一組設(shè)計(jì)理念:

  • 向前和向后兼容。CSS2.1 的用戶代理能夠理解 CSS1 的樣式表。 CSS1 的用戶代理能夠讀取 CSS2.1 的樣式表,并且丟棄他們不能理解的部分。同時(shí),對(duì)于不支持 CSS 的用戶代理可以顯示樣式增強(qiáng)的文檔。當(dāng)然通過 CSS 增強(qiáng)的樣式將不被渲染,但所有的內(nèi)容可以被表現(xiàn)。
  • 作為結(jié)構(gòu)化文檔的補(bǔ)充。樣式表補(bǔ)充結(jié)構(gòu)化文檔(例如,HTML 和 XML應(yīng)用程序),為標(biāo)記文本提供樣式信息。樣式表應(yīng)該非常容易修改,并對(duì)標(biāo)記的影像甚微或沒有。
  • 供應(yīng)商,平臺(tái)和設(shè)備無(wú)關(guān)。樣式表使文檔保持供應(yīng)商,平臺(tái)和設(shè)備無(wú)關(guān)。樣式表本身也是供應(yīng)商和平臺(tái)無(wú)關(guān)的,但CSS2.1允許你為一組設(shè)備指定一個(gè)樣式表(例如,打印機(jī))。
  • 可維護(hù)性。通過在文檔中指向樣式表,網(wǎng)站管理員能簡(jiǎn)化站點(diǎn)的維護(hù)和保持整個(gè)站點(diǎn)的一致外觀和感覺。例如,如果組織的背景色發(fā)生改變,僅需更改一個(gè)文件。
  • 簡(jiǎn)單。CSS 是一門簡(jiǎn)單的樣式語(yǔ)言,是對(duì)人類讀寫友好的。CSS的屬性保持最大程度上的相互獨(dú)立,一般實(shí)現(xiàn)一個(gè)效果只有一種方法。
  • 網(wǎng)絡(luò)性能。CSS為內(nèi)容的呈現(xiàn)方式提供了緊湊的編碼。圖片或音頻文件常被作者用來(lái)實(shí)現(xiàn)某種特定的渲染效果,樣式表和其比起來(lái)體積要小的多。同時(shí),減少網(wǎng)絡(luò)鏈接的次數(shù),進(jìn)一步提高網(wǎng)絡(luò)性能。
  • 靈活性。有幾種方法可以將CSS應(yīng)用到內(nèi)容。關(guān)鍵特征是不同位置的樣式信息能夠?qū)盈B,包括默認(rèn)(用戶代理)樣式表,用戶樣式表,鏈接樣式表,內(nèi)嵌樣式,和元素屬性中的樣式信息??是蟮哪承╀秩拘Ч驮O(shè)備無(wú)關(guān)相沖突,但CSS2.1
  • 豐富的。為作者提供一組豐富的渲染效果,增加網(wǎng)站作為表達(dá)媒介的豐富性。設(shè)計(jì)師們已經(jīng)對(duì)桌面版和幻燈片應(yīng)用中的常見功能渴望許久。但 CSS2.1 為滿足設(shè)計(jì)師的要求,向前邁了一大步。
  • 可選的語(yǔ)言綁定。規(guī)范中描述的一組 CSS 屬性使視覺和聽覺格式化模型表現(xiàn)一致。其格式化模型可以通過CSS語(yǔ)言訪問,但也可以綁定到其他語(yǔ)言。例如,在JavaScript程序中可以動(dòng)態(tài)改變某個(gè)元素的‘color’屬性值。
  • 可訪問性。一些CSS功能將使網(wǎng)絡(luò)更方便殘障用戶:
    • 控制字體外觀屬性允許作者消除不可訪問的文圖圖片。
    • 位置屬性允許作者消除強(qiáng)制布局的標(biāo)記技巧(例如,不可見圖片)。
    • !improtan 規(guī)則的意義在于有特別演示要求的用戶可以覆蓋作者的樣式表。
    • 所有屬性的‘inherit’值用來(lái)提升層疊的通用性,和更容易生成一致的風(fēng)格。
    • 改進(jìn)媒體支持,包括媒體分組和 braille,embossed,和 tty 媒體類型,允許用戶或作者為這些設(shè)備定制頁(yè)面。

原文:http://www.w3.org/TR/CSS2/intro.html#design-principles

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)