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