CSS 技術關鍵字

CSS 技術關鍵字

• 元素
  
  • 替換元素
  • 非替換元素------替換元素和非替換元素的分類是CSS範疇內的，其它的分類都不屬於CSS定義的
                    替換元素和非替換元素的定義是出於「我要不要管你內容區域的樣式」考量的。
               
  • 行內元素
  • 塊元素
  • 行內塊元素   ---   行內元素、塊元素、嵌套規則屬於HTML裏面定義裏的語義範疇。具體而言，行內元素（標籤）、塊元素（標籤）的區分只停留在HTML4階段，HTML5早就已經放棄這種分類方式了。樣式和結構/語義的分離體如今，咱們說到元素時，指的是一個具體的標籤或一類元素；而咱們說到「行內塊」的時候，指的是display: inline-block。不要把行內塊元素和行內元素、塊元素（尤爲是這兩個概念已通過時）進行並列，更不要把行內塊元素和替換元素之類的作並列，不是一個範疇。
  • 嵌套規則
• 選擇器
  
  • 選擇器權重
  • 基本選擇器
  • CSS屬性選擇器
  • CSS僞類選擇器
  • 第四代選擇器
  • 優先級
• 盒子模型
  
  • IE 非標準盒模型
  • W3C 標準盒模型    
• 傳統佈局
  
  • 文檔流
  • BFC
  • IFC
  • 脫離文檔流佈局
• 現代佈局
  
  • 柵格化佈局（Bootstrap）
  • 網格佈局（960gs）
  • 彈性盒子模型佈局（Flexbox）
• 變換和動畫
  
  • transform
  • transition
  • animation
• 響應式&自適應
  
  • @media
  • viewports
  • iconfont
  • px,em,rem,%
  • 圖像
• 瀏覽器兼容性
  
  • css bug
  • Haslayout bug
  • 屬性不支持
  • css hack
  • 條件樣式
• 圖像
  
  • css sprite
  • svg
• 預處理
  
  • Less
  • Sass
• 性能優化
  
  • reflow
  • repaint
• 組織規範
  
  • BEM
  • OOCSS
  • 模塊化
  • 漸進加強
• 框架使用
  
  • Bootstrap
  • Ratchet
  • Foundation
  • 960.gs