css_3day(css的三大特性)

目录

层叠性

继承性

行高的继承

优先级

---

层叠性

给同一个标签 用两个相同的选择器设置了相同的属性，比如都设置了颜色，哪个样式离结构进，执行哪个，就近原则

下面的代码a标签最后会变成蓝色

<style>
    a {
        color: red;
    }    
    a {
        color: blue;
    }
</style>

    <h2>层叠性</h2>
    <a>
给同一个标签 用两个相同的选择器设置了相同的属性，比如都设置了颜色，哪个样式离结构进，执行哪个，就近原则
    </a>

继承性

假设给div指定一个样式，div里面的标签也会继承这个样式

行高的继承

<style>
        h2{
            color:antiquewhite!important;
            font:12px/1.5 "Micorsoft yahei"
            /* 这个1.5就是当前元素文字大小的1.5倍 所有当前h2的行高为21像素 */
        }
</style>

颜色可以继承，字体行高和大小也可以继承，代码书写如上

优先级

    <a class="qqqqq" id="qqq">选择器不同有权重  

    元素选择器<类选择器,伪类选择器<id选择器<行内样式表<important

    注意：继承的权重是0  即给单独给子标签指定一个样式，则显示指定的样式，此时不会继承

    a链接浏览器默认指定一个蓝色的样式 有下划线  a{color:blue};

 越往后权重越大

注意：复合选择器在一起也遵循权重，哪个合起来的权重大就显示哪个，但是权重相加不能进位，例如十个h加起来是0,0,0,10 永远也超不过一个0,0,1,0