CSS3 中存在哪些重要的概念?
01-05
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立即執行函數,存在的意義是什麼?