css3 - 关于CSS核心技术关键字都有哪些？

Question

问题描述 本人整理了一部分关于CSS技术相关的关键字，希望能够得到更多的补充，现邀请大家一起来关注这个话题。 CSS 技术关键字 元素 替换元素 非替换元素 行内元素 块元素 行内块元素 嵌套规则 选择器 选择器权...

巴扎黑 · Answer

9月1日，更新了一下概念這邊的分類

看到你的分類中呢，有CSS2.1、CSS3標準中的屬性與值，也有基礎概念如BFC，也有相容性相關內容，也有效能與調優，還有程式碼規格與預處理，這些列起來有點一鍋粥了。
選題可以大，但切入點一定要小。（不然只會無限拖延，例如我的「字體排印在前端」…

先幫你梳理一下標準。
具體來說，借CSS2.1標準的骨架，填滿一些新的CSS3標準。要不然CSS3各個module一填進去，這個樹就過於龐大了。

HINTS

替換元素和非替換元素的分類是CSS範疇內的，其它的分類都不屬於CSS定義的
替換元素和非替換元素的定義是出於「我要不要管你內容區域的樣式」考慮的。
行內元素、區塊元素、巢狀規則屬於HTML裡面定義裡的語意範疇。具體而言，行內元素（標籤）、區塊元素（標籤）的區分只停留在HTML4階段，HTML5早就放棄這種分類方式了。
樣式和內容的分離體現在，我們說到元素時，指的是一個具體的標籤或一類元素；而我們說到「行內塊」的時候，指的是display: inline-block。
不要把行內塊元素和行內元素、塊元素（尤其是這兩個概念已經過時）進行並列，更不要把行內塊元素和替換元素之類的做並列，不是一個範疇。
相容性分類方式，建議你參考w3help
在對標準有足夠認識前，不建議去嘗試組織相容性問題，相容性問題本身就是偏離標准或標準缺位時期的產物，很難有系統地整理起來的。
至於版面標準分類方式，可以參考kejunz的整理。
當然文章已經是2012年的了，有點過時，你可以看看哪些標準已經到了新的階段（比如flex大修了一次語法）
CSS奇技淫巧不要太多。
CSS代碼規範其實也多如牛毛，不僅僅是oocss之類的比較極端的規範，還有各個項目中的折中用法。
只是CSS過了這麼多年依然是全局式引入，大部分程式碼規範都不可避免的在為之打補丁，整理這個，為時過早。
分辨佈局模式和基於佈局模式的應用
例如柵格系統是沒有被考慮在CSS現行規範中的，但你可以應用CSS來做柵格系統。因此不太建議去做「傳統佈局」-「現代佈局」的分類，而不是一個層次。