css层叠样式表

css的三种声明方式
    1、行内样式
        通过每个标签都有的style属性
        <div style="color:red;">黄卫星说没有内容</div>
    2、内联样式
        通过在head里写style标签，style标签里写样式
        <style>
            div {
                color:gold;
            }
            
        </style>
    3、外联样式
        通过link标签来引入css代码
        <link rel="stylesheet" type="text/css" href="1.css" />
    优先级：
        网页加载顺序决定优先级
        就近原则

 伪类选择器（要按下面的顺序避免出错）
            a:link {
                color:red;
            }
            a:visited {
                color:pink;
            }
            a:hover {
                color:black;
            }
            a:active {
                color:blue;
            }

属性选择器
            input [ type=text ]
  

单位
    px            像素
    %            百分比
    em            根据父级元素的尺寸
    rem            根据html的尺寸，例：2rem;就是两个字体的大小；
    vw            窗口宽度的百分比
    vh            窗口高度的百分比

【注】css的优先级对比，权重比精确定位更优先；

文本修饰：
              text-indent        文本缩进；例子： text-indent:2rem;

             text-shadow        文本阴影
                                        text-shadow:10px 10px 10px red;
                                              1、水平偏移量    可以为负
                                              2、垂直偏移量    可以为负
                                              3、阴影模糊值    不可以为负
                                              4、阴影部分颜色

  text-overflow    文本超出的显示方式
        clip        超出部分截断
        ellipsis    超出时显示...
        【注】    要想让他生效的话需要设置
                overflow:hidden;
                white-space:nowrap;
                还要给元素设置宽度

   line-height        行高   【注意】当行高与元素高度一样时会使文本垂直居中

   vertical-align    对齐方式    经常用于设置图片
        top            顶端对齐
        middle        中间对齐
        bottom        底端对齐

背景
    background-color        背景颜色
    background-image        背景图片  background-image：url(./image/xxxx);
    background-attachment    背景图片是否跟着滚动条滚动
        fixed    相对于窗口固定 (这个功能好像经常看到)
        scroll    随滚动而滚动
    background-repeat        背景图片是否平铺
    background-position        背景图片定位
        left right top bottom 百分比

【注】css的功能真的很强大好用（完）