CSS基础

伪元素
    ：first-letter 向文本的第一个字母添加特殊样式。
    ：first-line 向文本的首行添加特殊样式。
    ：after  在元素之后添加内容。
    ：before 在元素之前添加内容。

复合选择器

1.交集选择器

    p.p1{}
    <div>
      <p class="p1"></p>
    </div>
    <span>
      <a class="p1"href=""></a>
    </span>
    <div>
      <p class="p3"></p>
    </div>
    上面的代码中，使用p.p1{}选择 <p class="p1"></p>
2.并集选择器

    并集选择器是多个选择器通过逗号连接而成的．在声明各种CSS选择器时，如果某些选择器的风格是完全相同的，或者部分相同，这时便可以利用并集选择器同时声明风格相同的CSS选择器。

3.后代选择器

       我们可以定义后代选择器来创建一些规则，使这些规则在某些文档结构中起作用，而在另外一些结构中不起作用。 
    h1 a {color:red;}
    上面这个规则会把作为 h1 元素后代的 a 元素的文本变为 红色。其他 a 文本（如段落或块引用中的 a）则不会被这个规则选中
理解样式层叠表
     1.当一个标签有多个样式声明了相同样式时，叠加后其优先级为
     内联样式>内部式>外部样式
     如果声明的是不同样式，则叠加效果为各样式总和
    2.当一个标签有多个选择器声明了相同样式时，且选择器类型不同时，其优先级为
      ！important>id选择器>伪元素选择器>伪类选择器>>类选择器>元素选择器
     如果选择器类型相同
      ！improtant>内联>内部>外部 
    3.在相同类型和级别时，后声明的选择器会覆盖之前的选择器
css的基本属性
一、文本样式
     dirction 文字方向
     line-height 行高
     letter-spacing 字符间距
     text-align  对齐元素中的文本
     text-decoration 向文本添加修饰
     text-indent 文本首行缩进
     text-transform 控制元素中的子母
        text-transform：capitalize 每个单词首字母大写
     white-space 控制文字空白处理方式
     word-spacing 字间距
二、文字样式
        font-family 字体
      font-style 字体风格
      font-weight 字体粗细