CSS_01

  CSS_01

    1.继承性

        应用场景
            设置网页的一些共有的信息,例如网页的文字颜色,字体,文字大小等内容
            例如:

body{
      font-size:12px;

      font-family:"微软雅黑";

      color:#666;
}
        注意的点
            1.并不是所欲属性都可以继承,只有color/font-/text-/line-开头的属性才可以继承
            2.在css的继承中,不仅仅是儿子可以继承,只要后代都可以继承
            3.继承性中的特殊性
                标签的文字颜色和下划线是不能继承的
                标签的文字大小是不能继承

    2.优先级

        作用:当多个选择器同时选中同一个标签,并且同时设置标签相同的属性的时候,
    如何层叠就由优先级来决定
        判断优先级的三种方式
            间接选中就是继承
                如果间接选中,那么就是谁离目标标签比较近就听谁的
            相同选择器(直接选中)
                如果都是直接选中,并且都是相同类型的选择器,那么就是谁写在后面就听谁的
            不同选择器(直接选中)
                如果都是直接选中,并且都不是相同类型的选择器,那么就会按照选择器的优先级来层叠
                id>类>标签>通配符>继承>浏览器默认
        优先级的权重问题
            作用:当多个选择器混合在一起使用时,我们可以通过计算权重来
    判断谁的优先级最高
            权重的计算规则
                1.首先先计算选择器中有多少个id,id多的选择器优先级最高
            2.如果id的个数一样,那么看类名的个数,类名个数多的优先级最高
            3.如果类名的个数一样,那么看标签的个数,标签个数多的优先级最高
            4.如果前面三个数一样,那么谁写在后面听谁的
            只有选择器不是直接选中标签的时候才需要计算权重,否则一定会听直接选中
的选择器的

    3.!important

        作用:用于提升摸个属性的优先级,可以将被指定的属性的优先级提升为最高
        格式:
p{
  color:blue !important;
   font-size:10px;
}
        注意点:
            1.!important只能用于直接选中,不能用于间接选中
            2.通配符选择器选中的标签也是直接选中的
            3.!important 只能提升指定属性的优先级,其他的属性不会提升
            4.必须写在属性值的分号前面
            5.前面的感叹号不能省略

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值