CSS 是谁发明的?

李爵士的挪威同事赖先生(Håkon W Lie)首先提出 CSS

CSS 的牛 X 之处在哪?

层叠样式表

层叠指什么?

  • 样式层叠
    • 可以多次对同一选择器进行样式声明
  • 选择器层叠
    • 可以用不同的选择器对同一个元素进行样式声明
  • 文件层叠
    • 可以用多个文件进行层叠
  • 这些特性使得 CSS 极度灵活

    • 这也为 CSS 后来被吐槽留下了隐患

      如何知道哪些浏览器支持哪些特性?

      方法一:几十种浏览器全部跑一遍
      方法二:使用 caniuse.com

      caniuse.com 使用方法

  • 请收藏此网站

    • 输入你关心的样式,比如 Border-radius 或 filter
    • 查看大部分浏览器的支持情况
    • 如果想看更多,点击 Show All
    • 下方会详细说明兼容bug有哪些(翻译成中文)
  • 这个网站是怎么运作的
    • 网站主一开始自己测试了部分浏览器
    • 社区的前端工程师帮助测试各种各样的浏览器
    • UC 浏览器和 QQ 浏览器当然主要是中国开发者测试
    • 大家把测试结果提交到 GitHub 上
    • 这就是开发者社区的力量

`` CSS 是艺术,就像画画、折纸需要用感性思维来理解 CSS

基本概念

  • 要理解几个重要的概念
    • 文档流 Normal Flow
    • 快、内联、内联块
    • margin 合并
    • 两种盒模型(border-box 更符合人类思维)