W3C 發布 CSS Variables 首個公開草案

2021-01-10 開源中國

W3C(World Wide Web Consortium,全球資訊網聯盟)的CSS工作組近日發布了CSS Variables(CSS 變量)的首個公開工作草案。

如果在樣式表中經常使用某個值(比如某個顏色或頁面背景顏色的值),可以將其定義為變量,只需更改該變量的值,即可更新整個樣式表,而無需逐個更 改每個樣式規則。自從1998年CSS Level 2 Recommendation發布以來,Web開發者社區就建議制定CSS定義變量的標準方式。

本草案包含了CSS變量定義的一般約定,並引入了一系列用戶自定義的、已知的公共屬性作為變量屬性,這允許開發者從中選擇屬性名稱,並分配值。

這使得閱讀大型CSS文件更加容易,因為看似隨意的值現在有了確切的名稱(含義),編輯這些文件也更加容易且不易出錯,只需改變一個值,就可以應用到整個站點。

W3C表示,該規範目前還處於起步階段,剛剛開始實施,並歡迎開發者提交關於功能和語法上的反饋。

CSS Variables草案:http://www.w3.org/TR/css-variables/

相關焦點

  • Meta CSS框架發布
    不過在很多情況下,例如大量的動態頁面,我們沒有辦法完全預知定義的css的id或者類名,而無法定義特別樣式。在一些可以控制的情況下,定義太多特殊類名用來區分,又會造成大量後期維護的困難。  3.良好的運用css組合方式,可以比較妥善的解決上面的2個問題。首先,公用樣式都被提取了,你修改一個按鈕,只需要改公共的部分。
  • CSS3 transform之scale縮放|transition之過渡動畫調整手記
    既然是滑鼠移上去後再發生變化,那首先需在css文件中,針對圖片的hover增加個樣式,縮放比例為1.1。關於CSS3 transform的更多知識方法,可以參考w3cschool提供的這個:CSS3 transform 屬性 CSS3 過渡另有發現一個小問題:就是縮放1.1倍後,其所佔據的空間也增大了。這樣也可以接受,但個人感覺最好是保持在原有的框框內,以保持整體的齊整性及美觀。
  • 全面掌握CSS基本知識點
    怎麼理解盒子模型答案解析html的每個元素都可以理解成是一個盒子,包含內容有margin、border、padding、content4個屬性。盒子模型常見有兩種w3c 標準模型,IE模型。其中標準模型:width是指的content的寬度,而IE模型是指的content + padding + border的總和。
  • 10個驚人的復古CSS套件
    10個驚人的復古CSS套件 是否想發現可在下一個項目中使用的非典型CSS設計?下面是我最喜歡的一些。NES.cssNES-style(8bit-like)的CSS框架,非常適合您的復古瀏覽器遊戲。
  • 什麼是css,css選擇器簡介
    什麼是CSScss是 Cascading(層疊 )Style(樣式) Sheet(表)的簡稱,及層疊樣式表,CSS技術用來美化html頁面,html相當於蓋房子,CSS相當於裝修,使用CSS可以把樣式代碼和html分離
  • 《反食品浪費法(草案)》公開徵求意見
    點擊標題下「藍色微信名」可快速關注導讀第十三屆全國人大常委會第二十四次會議對《中華人民共和國反食品浪費法(草案)》進行了審議,中國人大網現予公布並公開徵求意見。一是系統梳理黨中央發布的文件、政策和現行法律、法規、規章、規範性文件,以及聯合國、歐盟、法國、義大利、日本、英國等有關法律、規定和文件。二是廣泛聽取意見,多次召開座談會聽取中央有關部門、全國人大有關專門委員會、地方人大、行業協會、企業和專家學者意見,書面徵求9個基層立法聯繫點意見,赴中國政法大學進行調研;形成草案徵求意見稿後,印發各省(區、市)和中央有關部門等徵求意見。
  • 工信部發布無線電頻率劃分草案:出現多個可用5G頻段
    摘要 【工信部發布無線電頻率劃分草案:出現多個可用5G頻段】工業和信息化部近日公告稱,為了合理、有效利用無線電頻譜資源,保證無線電業務的正常運行,起草了《中華人民共和國無線電頻率劃分規定(修訂徵求意見稿)》,現向社會公開徵求意見。
  • 前端工程化(ES6模塊化和webpack打包css,less,scss,圖片,字體...
    文件依賴*/通過模塊化解決上述問題/* 模塊化就是把單獨的一個功能封裝在一個模塊(文件)中,模塊之間相互隔離, 但是可以通過特定的接口公開內部成員,也可以依賴別的模塊.2).然後在項目根目錄中,創建一個 webpack.config.js 的配置文件用來配置webpack 在 webpack.config.js 文件中編寫代碼進行webpack配置,如下: module.exports = { mode:"development"//可以設置為development(開發模式),production(發布模式
  • 13個最常用的CSS和HTML快速開發工具 - OSCHINA - 中文開源技術...
    1)CleverCSSCleverCSS是個為 8)HSSHSS是個擴展了CSS語法的工具,擁有強大的特性,例如:變量、嵌套塊。 10)XCSS首個面向對象的Css Framework,能讓你的工作流更加簡潔,xCSS基於CSS,並在開發複雜樣式提供處理面向對象的工作流。
  • HTML5+CSS+JS時間
    html,外觀修飾美觀與否就和css有關了,當然JS可能用的更多,再就是還可能用到css,js設計的框架.功能的多寡,比如造型酷炫,動態特效,多半都是JS來實現的,這裡我寫了一個博客的登錄界面(沒有設密碼,界面綠色按鈕就能進入博客,進入後用的java來實現的時間流動),圖片什麼的因為是別人的這裡就不上了,先上原始碼,我寫的代碼很簡單很容易應該就能看懂.
  • 常見的CSS文字居中顯示
    和vertical-align html<div> <span>測試文字</span></div>css實現水平垂直居中顯示 html<div> <span>測試文字測試文字測試文字測試文字</span></div>css
  • 我國發布首個品質城市領域國家標準
    近日,市場監管總局、國家標準委發布2020年第26號國家標準公告,推薦性國家標準《新型城鎮化品質城市評價指標體系》正式發布。這是我國首個品質城市領域國家標準。據了解,該標準研製歷時5年,充分借鑑吸收國際標準《城市服務和生活品質指標》《中國城市質量獎重要指標》等體系的精神內涵;確立經濟發展品質、社會文化品質、生態環境品質、公共服務品質、居民生活品質等「五大品質」為一級指標,下設二級指標13個、三級指標71個、擴展指標5個,並在實踐中結合國家政策規劃、經濟社會發展、最新研究成果等作動態調整完善;涵蓋現代城市高質量發展應著力關注的主要領域和社會經濟生活的方方面面
  • FDA發布De Novo申請新草案
    點擊播放 GIF 0.0M繼上周FDA發布了改進510(k)申請規定的計劃後,FDA於昨日提出了De Novo申請的新草案,與去年10月30日發布的「De Novo分類過程」的定稿指南文件相比,新草案給企業提供了更加細化的建議和幫助,此舉將激勵更多的公司在申報無對比產品的新器械時,選擇De Novo路徑進行上市申請。
  • CSS之定位一(position屬性)
    圖1:relative子元素位置變化圖1中外框和除position屬性值不一樣外,其他css屬性均一致,其內外框html和相同部分css見圖2。圖2:內外框html和相同部分cssabsolute表示絕對位置,其在文檔流中不佔空間,其參考對象是離該元素最近的position值不是static的父元素。由圖3可以看出。
  • HTML+CSS:css定位詳解之相對定位、絕對定位和固定定位
    本篇文章我們主要給大家說一下css的定位。css的定位是我們以後網頁製作中比較常用的屬性,也是很重要的知識點。了解各個定位的作用以及層級關係對以後的頁面布局至關重要。css定位主要有四種,靜態定位、相對定位、絕對定位和固定定位。其中靜態定位這個是元素的默認定位方式,不能使用top,bottom,left,right和z-index屬性,其它三種定位可以使用以上幾個屬性。我們這裡主要介紹後邊的這三個定位。
  • 新發布的《個人信息保護法(草案)》,如何改變我們的生活?
    「數字密碼可以更換,指紋密碼至少有10個,可人臉只有一張,不可更換。」有網友憂心忡忡地留言。售樓處標配人臉識別系統背後,人們更關注的還是被動接受人臉信息錄入引發的隱私洩露風險。畢竟,技術應用與技術濫用之間,可能僅一牆之隔。
  • CLIMB研究速遞 | 漢族學齡兒童腦發育標準的制定草案發布
    經過長達八年的研究積累,中國科學院心理研究所腦與心智畢生發展研究中心整合國際國內18個研究團隊,聯合制定了用於「制定學齡兒童腦發育標準」的草案(protocol)。這一題為《Generating templates and growth charts for school-aged brain development》的草案預印本已於日前發表在bioRxiv,草案要點如下:1、健康學齡兒童腦發育縱向隊列大數據(中外共948次腦部磁共振成像)2、學齡期各年級對應的標準兒童腦模版(中外相同年級標準腦直接對比)3、多尺度學齡兒童腦體積的生長發育曲線
  • 拉瓜迪亞機場快線項目徵求民意 聯邦航空管理局發布工程環境影響聲明草案
    8月21日,聯邦航空管理局(FAA)發布了拉瓜迪亞機場快線對環境影響的聲明草案,並徵求來自社區的意見。這份長達34頁的草案提到,機場快線的建設確實會給周邊環境帶來噪音和視野方面的影響。但它最終會為減少尾氣排放和改善法拉盛水濱環境帶來有利影響。FAA將從8月21日起,至10月5日開放公眾評論,並舉行五場在線公開聽證會收集市民意見和建議。
  • 《義務教育常用詞表(草案)》出版並對外發布
    5月31日,《義務教育常用詞表(草案)》出版座談會在京舉行,會議由教育部語言文字信息管理司指導,廈門大學、商務印書館主辦,國家語言資源監測與研究教育教材中心、中國語言資源開發應用中心承辦。  田立新表示,《詞表》的出版發布既是國家語委科研和規範標準研製工作的一項重要成果,也是語言文字工作積極服務教育事業發展的一項具體實踐。2011年,針對我國義務教育階段中小學語文詞彙的定量研究還比較缺乏,而中小學語文教學的科學化迫切需要針對性適用性強的常用詞表,國家語委設立該科研項目。