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

第一章 CSS和文档

  1. 层叠

    CSS规定了冲突规则,这些规则统称为层叠(cascade)

  2. 元素

    • 替换和非替换元素

      1. 替换元素(replaced element):用来替换元素内容的部分并非由文档内容直接表示
      2. 非替换元素(nonreplaced element):内容由用户代理(通常是浏览器)在元素本身生成的框中显示
    • 元素显示角色

      1. 块级元素(block-level)
      2. 行内元素(inline-level)
  3. 候选样式表、首要样式表、永久样式表

第二章 选择器

  1. 文档元素选择器
  2. 类选择器
  3. ID选择器
  4. 属性选择器
    1. 简单属性选择:如h1[class]
    2. 根据具体属性值选择(完全串匹配):如a[href="http://if-true.com"]
    3. 根据部分属性值选择(子串选择器):~=、^=、$=、*=
    4. 特定属性选择类型,如[lang|="en"]选择lang属性等于en或者以en开头的所有元素
  5. 选择相邻兄弟元素(具有共同的父元素)

    如 h1 + p {margin-top: 0; } 表示去除紧邻在一个h1元素后出现的段落的上边距,针对后者

  6. 伪类

    1. 链接伪类

      :link :visited存在的必要性::link指向作为超链接(有href属性)并指向一个未访问地址的所有锚。

    2. 动态伪类

      :focus :hover :active

    3. 伪类顺序

      link-visited-focus-hover-active

    4. 选择第一个子元素:first-child

      p: first-child表示某元素作为第一个子元素的所有p元素,最常见错误理解是p元素的第一个子元素

  7. 伪元素选择器

    1. 设置首字母样式:first-letter
    2. 设置第一行样式:first-line
    3. 设置之前元素样式:before
    4. 设置之后元素样式:after

(完)

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

Table of Contents