关于CSS核心技术关键字都有哪些?

问题描述

本人整理了一部分关于CSS技术相关的关键字,希望能够得到更多的补充,现邀请大家一起来关注这个话题。

CSS 技术关键字

  • 元素

    • 替换元素
    • 非替换元素
    • 行内元素
    • 块元素
    • 行内块元素
    • 嵌套规则
  • 选择器

    • 选择器权重
    • 基本选择器
    • 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
阅读 11.6k
评论
    8 个回答
    • 4.9k

    感谢大家的关注,当时一时兴起做的这个关键字分类,算是接触CSS以来碰到过的所有知识点,但是本身并没有做过大型网站的架构,而且所做过的项目对于CSS应用也只停留在简单的表现层面,所以一直以来理解CSS的方式就是如何用,如何用它去解决当前的问题;从来没有按照CSS自身的属性和特性去理解它。

    目前 @Humphry 对于这个技术关键字分类有了新的梳理,通过阅读对CSS有了新的思考和认识,推荐大家阅读 —— 《CSS中的语法与概念