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

原创 老王  2020-06-17 09:53:53  阅读 166 次 评论 0 条
摘要:

在HTML选择器中,不同的类型选择器有对应的优先级,包括CSS3的基本选择器也是一样,这里给大家做了一个例举,一起来看看    *  <   标签    <     class   <   id 复杂选择器优先级     &n

优先级+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

本文地址:http://wangfangwen.com/post/84.html
版权声明:本文为原创文章,版权归 老王 所有,欢迎分享本文,转载请保留出处!
阿里云服务器优惠券
减肥不为美,只为走路不磨腿,付出不亚于任何人的努力,成功永远没有尽头,只有岔路口...

发表评论


表情

还没有留言,还不快点抢沙发?