《CSS 权威指南》笔记(二)

要点

  1. 声明的特殊性,即权值
  2. 通配选择器对特殊性没有贡献(0),继承的值没有特殊性
  3. 链接样式顺序:LVHA
  4. 相对URL格式问题

第三章 结构和层叠

  1. 用户代理不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源,这个过程就被称为层叠(cascade)。三种机制的关联:特殊性、继承和层叠

  2. 特殊性

    特殊性值表述为4个部分(依次为行内样式、id、类与属性、元素),如:0,0,0,0。从左向右依次比较,一旦某一位能判断高低,则不考虑后面的数是什么。

    1. 通配选择器特殊性

      通配选择器对一个选择器的特殊性没有贡献,但与根本没有特殊性是有区别的

    2. ID和属性选择器的特殊性

      ID比属性选择器的贡献要大

    3. 内联样式特殊性

      特殊性最高

    4. 重要性

      !important

  3. 继承

    1. 大多数框模型属性(包括外边距、内边距、背景和边框)都不能继承
    2. 继承的值没有特殊性,甚至连0特殊性都没有
    3. 不加区别地使用通配选择器可能存在的问题之一是它能匹配任何元素,往往有一种短路继承的效果。更合适的做法是从一开始就避免不加区别地使用通配选择器
  4. 层叠

    1. 声明权重考虑5级,权重由大到小顺序依次为

      1. 读者的重要声明
      2. 创作人员的重要声明
      3. 创作人员的正常声明
      4. 读者的正常声明
      5. 用户代理声明
    2. 链接样式顺序:link-visited-hover-active(LVHA)。若将伪类链接在一起,能缓解特殊性和顺序带来的问题

第四章 值和单位

  1. Web 安全颜色

    指在256色计算机上总能避免抖动的颜色。如果使用RGB百分数,要让所有三个分量要么是0%,要么是一个能被20整除的数。如果使用0~255范围的RGB值,则各分量要么是0要么是能被51整除的数。十六进制法类似

  2. 相对长度单位em、ex、px

    em是最灵活的,它随字体大小缩放,元素和元素操作都能更为一致

  3. 相对URL

    CSS中,相对URL要相对于样式表本身,而不是相对于使用该样式表的HTML文档。例如一个外部样式表,其中导入了另一个样式表。如果使用相对URL来导入第二个样式表,它必须相对于第一个样式表

    URL和开始括号之间不能有空格

  4. CSS2单位

    1. 角度值:读(deg)、梯度(grad)、弧度(rad)
    2. 时间值:毫秒(ms)、秒(s)
    3. 频率值:赫兹(Hz)、兆赫(MHz)

(完)

(最后修改于2015-09-24)

Table of Contents