css三大特性

css三大特性为继承性，层叠性，优先级

1、继承性

概念：子元素会自动继承父元素的部分样式，无需重复书写代码

目的：简化代码，统一页面样式，提高开发效率

可以继承的属性：文字，文本类全部可以继承

字体：font-size font-family,font-weight

文本：color，text-weight，text-align，line-height

文本装饰：盒子，布局，定位全部不继承

宽高：width，height

盒子模型：border，padding，margin，background

布局定位：float，position

层叠性：同一个元素设置多个冲突样式时，按照规则覆盖叠加样式

核心规则：

样式不冲突，全部保留

同一个元素设置不同属性，互不影响全部生效

div {
    width: 100px;
    height: 100px;
    background: red;
}

样式冲突，后写覆盖先写（就近原则）

优先级

第一等级：代表内联样式，如style=“”，权值为 1，0，0，0
第二等级：代表id选择器，如#content，权值为0，1，0，0
第三等级：代表类，伪类和属性选择器，如.content，权值为0，0，1，0
第四等级：代表标签选择器和伪元素选择器，如div p，权值为0，0，0，1
规则为每个等级的值相加（不会进位）最终得出权重大小，谁的权重大就用谁
还有一种为带有 !important 的声明，若加上这个则不用考虑其他等级权重。