CSS 技术关键字

时间:2022-03-06 10:33:16

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