CSS3 中存在哪些重要的概念?


CSS 從誕生至今已經走過20多個年頭了,時間證明這是多麼偉大的發明。一些概念已經深入非 Web 領域,比如 Flexbox。

CSS3 第一次是在 1999.6.22 正式提起,從這時開始,CSS 分成了非常多的模塊,相對獨立開發,不再有新的版本號。每個模塊以 Level 表示,全新的模塊則從 Level 1開始,比如 css-grid-1。

目前主要有三個工作組:

  • CSSWG:CSS Working Group Editor Drafts 承擔主要的 CSS 規範開發工作
  • FX Task Force:FX Task Force Editor Drafts 主要是一些圖形圖像方面的規範,比如遮罩、濾鏡
  • Houdini:https://drafts.css-houdini.org CSS 新方向,瀏覽器暴露出更多 API,使 CSS 可以控制更多底層的東西,目前主要是 Chrome 團隊在主導。

然後一些基本的概念,選擇器權重、層疊、繼承、盒模型、margin 合併、BFC、IFC、疊加上下文(z-index)這些CSS2 就存在的概念,在 CSS3 中依然是基礎,並且做了一些相應的擴展。具體鏈接參考 MDN:CSS

在布局方面,CSS3 目前主流的布局方式是 Flex,CSS grid 主流瀏覽器均以支持,未來一兩年定會全面流行起來。Bootstrap 的 Float 柵格布局終將會被歷史塵封。

如果還有其他想了解的,可以在評論留言,我盡量作答。


flex很好用,特別是移動端。。布局一下子變得簡單。。性福。


強推flex以及css animation


推薦閱讀:

如何判斷一個APP頁面是否是H5頁面?
怎麼理解CSS中vertical-align這個屬性?
想從零開始學習 HTML5 和 CSS,請問有沒有比較好的建議?比如學習什麼語言,有沒有好的書或者教程推薦等等?
強調 HTML/CSS/JS 基礎的前端教程是否存在誤區?
為什麼要有js立即執行函數,存在的意義是什麼?

TAG:前端開發 | CSS | CSS3 |