CSS特性

 层叠性

    标签调用类样式:
                   ◆与调用的顺序没有关系
                     ◆与定义的样式顺序有关
           层叠性:
                ◆同一个标签,权重一样并且样式发生了冲突,最后一次定义的样式会将前面定义的样式给覆盖掉

<style>

     .one{

          color:red

          font-size:30px;

      }

     .two{

          color:green

      }

 </style>


<bodey>

     <div class="two one ">   //无论哪个类名  在后面  同样式在后面的才是最终显示的颜色

             文字

      </div>

 </body>


 继承性

      注意:
                   ◆css中的继承性,标签之间必须是嵌套关系。
      继承性:子元素在没有设置样式的情况下,受父元素的样式影响。
         可继承的属性:
                   ◆文字颜色可以被继承
                   ◆文字大小可以被继承
                     ◆与文字相关的属性都可以被继承
       继承的特殊标签:
                    ◆a标签不能直接使用父元素的文字颜色。   
                    ◆标题标签不能直接使用父元素中的文字大小。

 优先级

标签选择器<类选择器< ID选择器 <行内样式< + !Important
    10               100    1000    10000    10000+
        优先级特点:
                 ◆继承的权重为0: 如果子元素设置了单独的样式,那么该子元素就不会再受父元素的样式影响了。
         ◆权重可以叠加

优先级选择器的优先级越大权重越高.

例如你设置一个行内样式,也设置了一个选择器的类样式,设置的是同一元素,行内样式就会把选择器的样式覆盖




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值