1.优先级：!important > 行间样式 > id选择器>class选择器=属性选择器
>标签选择器>*通配符选择器
  css权重
!important            Infinity
行间样式               1000
id                           100
class|属性|伪类       10
标签|伪元素              1
通配符                       0

2.选择器：
          父子选择器                 div p {}
          直接子元素选择器     div > p { }
          并列选择器                div.class1{}
          属性选择器                a[href]{}
          分组选择器                div,p,span{}
                                  

3.属性
       <1>.文本
               水平居中:text-align:center;
               垂直居中:line-height = height;
               缩进两格：text-indent：2em;
               1em = 1 * font-size;
                划线：text-decoration:line-through
                cursor:help/pointer/e-resize/copy.....           鼠标悬浮时出现的提示图标
        <2>display
               inline:宽高靠内容撑起；
               block:独占一行，可设宽高
               inline-block；不独占一行，可设宽高
               
              带有inline的元素，都有文字特性，会被空格分隔

4.盒子·模型
             padding: 100px(四周);
             padding: 100px(上下）150px（左右）
             padding:100px(上） 150px(左右）200px(下）

5.层模型
            position：absolute（脱离文档流，相对于最近的有定位的父级进行定位，如果没有，则相对于窗口定位）
            position：relative（保留原来位置进行定位，相对于原来位置进行定位