王老师html零基础学习笔记第8课—优先级+常用css3属性

优先级+css3

基本选择器优先级

  *{}

  tagName{}

  .className{}

  #idName{}

 总结 :    *  <   标签    <     class   <   id

复杂选择器优先级

            1）从高高低顺序依次是: ID选择器 class选择器 tagName{}    

            2）ID选择器个数不相等，ID个数多的优先级高，后面不用比    

            3）ID选择器个数相等，则看class个数    

            4）class 个数相等 ，再看tagName 个数    

            5）#wrap ul li .list{} 和.wrap ul li #list{}优先级一样(不分先后)

样式优先级

   行内样式内部样式外部样

 优先级: 行内 > 内部 > 外部

常用CSS属性

border-radius圆角

        border-radius多种写法:     

            四个值：  左上   右上    右下    左下 

            三个值：  左上   右上    左下    右下 

            两个值：  左上右下    右上左下  

            一个值：  所有角一样的值

box-shadow阴影

        h-shadow  水平偏移量。允许负值  （必需）  

        v-shadow  垂直偏移量。允许负值  （必需）  

        blur    模糊半径           （可选。）  

        spread    阴影的大小        （可选。）  

        color   阴影的颜色        （可选。）    

        outset    外部阴影    （默认）内部阴影  

        inset           内部阴影                 (可选。)

overflow内容溢出

    A 、overflow可能的值   

           visible 默认值  

           hidden  隐藏，并且其余内容是不可见的。    

           scroll  出现滚动条    auto  根据内容情况来决定（是否）出现滚动条 

    B 、overflow-x 

    C、overflow-y