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

转载于:https://www.cnblogs.com/aure/p/4723706.html