Question

• CSS3 发展史简介
  • HTML 的诞生 20 世纪 90 年代初
  • 1996 年底， CSS 第一版诞生
  • 1998 年 5 月 CSS2 正式发布
  • 2004 年 CSS2.1 发布
  • CSS3 的发布 2002 2003 2004 2005 2007 2009 2010

• 模块化开发
  • CSS1 中定义了网页的基本属性：
    • 字体、颜色、基本选择器等
  • CSS2 中在 CSS1 的基础上添加了高级功能
    • 浮动和定位、高级选择器等（子选择器、相邻选择器、通用选择器)
  • CSS3 遵循的是模块化开发。发布时间并不是一个时间点，而是一个时间段
• CSS 选择器复习
  • 通用选择器： * 选择到所有的元素
  • 选择子元素： > 选择到元素的直接后代
  • 相邻兄弟选择器： + 选择到紧随目标元素后的第一个元素
  • 普通兄弟选择器： ~ 选择到紧随其后的所有兄弟元素
  • 伪元素选择器：
    • ::first-line 匹配文本块的首行
    • ::first-letter 选择文本块的首字母
  • 伪类选择器：
    • :before , :after 在元素内容前面、后面添加内容（相当于行内元素)

• CSS3 结构选择器

• Css3 属性选择器

• CSS3 伪类选择器
  • UI 伪类选择器：
    • :enabled 选择启用状态元素
    • :disabled 选择禁用状态元素
    • :checked 选择被选中的 input 元素（单选按钮或复选框）
    • :default 选择默认元素
    • :valid 、 invalid 根据输入验证选择有效或无效的 input 元素
    • :in-range 、 out-of-range 选择指定范围之内或者之外受限的元素
    • :required 、 optional 根据是否允许: required 属性选择 input 元素
  • 动态伪类选择器：
    • :link 选择链接元素
    • :visited 选择用户以访问的元素
    • :hover 鼠标悬停其上的元素
    • :active 鼠标点击时触发的事件
    • :focus 当前获取焦点的元素
  • 其他伪类选择器 ：
    • :not(<选择器>) 对括号内选择器的选择取反
    • :lang(<目标语言>) 基于 lang 全局属性的元素
    • :target url 片段标识符指向的元素
      • :empty 选择内容为空的元素
    • :selection 鼠标光标选择元素内容