css  层叠样式表  做美化


  css 三种写法

    内部写法 最高


    内联写法

    外链写法

    写法顺序。在后面覆盖前面的

    提升优先级：
      !important




    css 写法规则

      选择器 {
          css 属性名：css属性值;
          css 属性名：css属性值;
          css 属性名：css属性值;
      }

    选择器  

       标签选择器  清除css样式的时候用一下

       类选择器 class .
    
       id 选择器 #
         默认口头约定，名字不能重复

       通配符选择器 * 

       伪类选择器

          hover

          focus

          


      选择多个
      选择1, 选择器2 {

      }

      嵌套关系
      选择1  选择器2 {

      } 

      选择1同级最近的一个选择2
      选择1 + 选择2 {

      }

      选中 选择1 里面最外层的选择器2
      选择1>选择器2 {

      }
     
    相对路径
    ./   当前路径
    /    根路径
    ../  返回上一层 

    绝对路径
    C:\Users\bmy\Desktop\fontendnine\每天上课\2022-05-31\index.css





    盒子模型 
      具有宽高属性的标签


      外边距 margin
      内边距 padding
      边框  border
      内容

    标准盒子模型
      元素真实宽高 = 内容的宽高 + padding + border

    怪异盒子模型（IE盒子模型） 
      box-sizing: border-box;

     内容的宽高 = 元素真实宽高 - （ padding + border）
       


   display: 
     none
     inline 转化为行标签
     block  转化为块标签
     inline-block  转化为行内块标签  放一行