CSS_01

来源:互联网 发布:网络拓扑结构形状 编辑:程序博客网 时间:2024/06/06 01:38

  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.前面的感叹号不能省略