泡泡同学带你玩转css

今天泡泡同学早早的更新微博，因为作业真的是太多了，害怕待会太晚了忘记了。老师速度真的太快了已经讲了很多的css了，有点跟不上节奏，泡泡同学要加油了。送上今天泡泡同学的笔记，希望对你有帮助。

css选择器和样式设置

一、伪元素选择
     1、 ：first-line 用于一个元素的第一行的选择器
    2、 ：first-letter 用于一个元素的第一个字母的选择器
    3、 ：first-child 用于元素的第一个子元素
    4、 ：before 用于在**之前加内容
    5、 ：after 用于在**之后在内容
    6、 ：focus 用于获得焦点的设置（例如：表单）
二、交际选择器
   
     1、<div>
          <p class="a1">***</p>
        </div>
     格式： div.a1
            p.a1
    2、几个元素设置同样的样式时：
        例如：ul,ol,li,p
        几个元素仅用逗号分开    

三、css样式显示的顺序
      1、内联>内部>外部   （必须选择器类型相同）
    2、！important>内联>id>伪元素选择器>类选择器>元素  （选择器不同）
    3、选择器的权重
        内联：1000
          ID：100
        class：10
        元素：1
    注意：不论怎样选择！important最优先选择
四、设置元素的内容文本属性
    1、设置文本首行缩进 
         text-indent  
            可选值：length  percentage
               eg:  p{ text-indent:3em; }
    2、文本对其方式
        text-align
           可选值： left  right center
    3、设置行高
         line-height
           可以是数字，长度，百分百或者normal
    4、设置字间距
         letter-spacing
            可选值：normal  length auto
    5、设置词语词之间的举例
         word-spacing
    6、设置文字装饰方式
         text-decoration
          可选值：none(默认) underline（下划线） overline（上划线） 
                 lin-through（删除线） inherit（继承父元素）
    7、空格处理
          white-space
           可选值： normal（文本不换行） pre(空白被保留) nowrap pre-line
    8、设置文本大小写形式
          text-transform
            可选值： capitalize(元素内容的每句句首字母变大写)
                    uppercase（元素内容中所有字母变大写)
                    lowercase(元素内容中所有的字母变成小写) 
五、设置元素内容的字体
    1、设置字体的名称
       font-family    
       电脑中有的字体样式都可以选择
      
    2、设置字体倾斜程度
     font-style    
        可选值：normal italic(斜体) oblique（文本斜体） inherit
    3、设置字体的变体
        font-variant
        可选值：normal small-caps(小型的大写字母) 
    4、设置字体的粗细（字重）
        font-weight
        可选值：normal bold bolder lighter(更细)
        数字设置：100-900 ，400代表normal 700代表bold 900是最重的字体
    5、设置字体大小
       font-size
        可选值：xx-small x-small medium large x-large  xx-large 
      注意：16px=1em