CSS规则-选择符控制

  1. 每个规则分为两个部分: 选择符和声明 , 每条声明实际上是属性和值的组合
      如:  H1 { color: RED;} 结构为:  选择符 {属性: 值 ; }, 括号里的统称为声明. (注意, 以分号结束每个属性的声明)
      说明: 选择符为H1, 说明选择了 H1标签, 将其颜色设置为红色. 但其他标签不受影响.

   2, 声明. 声明的格式是固定的, 属性: 值. 注意, 如果一个属性有多个值时, 中间用一个空格格开, 可以有任意多个值, 当值时间时以分号结尾.
      同时声明中的括号内可以有多个属性, 每一个属性结束之后用分号.但要保证不出现矛盾
      例如: H1{ font: medium, 宋体; color: Red}, 则表示标签H1为中等尺寸宋体.

   3. 分组: 分组就是让同一条规则(声明)应用于多个元素, 也就是多个选择符.或者要将更多的样式应用于一个或一组元素.
      例如: P, H1 {color: Red}

   4. 类选择符: 对同一个元素的不同处理时需要用到类选择符.
      如: <P>this is a worning</p>
          <p>this is a wrong</p>
      现在如果对相同的两个P要显示不同的样式用上面简单的声明是行不通的.
      方法是.  .自定义名{声明: 值；}
      如: .warning {font-weight: bold}
          .wrong {font-weight: bold; color: Red;}
      引用 <p class="warning">this is a warning</p>
           <p class="wrong">this is a wrong</p>
      或者也可以这样定义. p.waring {font-weight: bold}这样便可以省去后面的class书写.但这样写便会失去类的意义.

   5. ID选择符: 定义与用途类似于类选择符, 但每个ID选择符在文档中只能引用一次, 也就是说每个ID选择符只能改变一处元素的样式. 而类可以重复多次使用.
     定义方法: #自定义名{声明:值}
     #first-para {font-weight: bold}
     <p ID="first-para">this is a first para </p>
     后面再引用此ID选择符时会出错, 或浏览器会忽略, 不会出现想要的样式.

   6. 伪类: 主要用来对超链接的一种标识
      (1) :link --指超链接是一个未访问过的地址
      (2) :visited--指已经访问过的网页的定位锚
      (3) :active--指任何已处于活跃状态(例如被点击)
    例: A:link {color: blue;} --未访问的超链接
        A:visited {color:red;} --访问过的超链接

   7.伪元素: 主要用来对文档中的首元素(字符)和首行进行效果控制
     例如:    
       P:first-letter {color:red;}--每个段落中的首字母为红色
       H2:first-line {font-size: 200%}--每个段落中的首行字符放大