HTML中的继承属性

html的继承属性

继承Inherited // 权重值为0

子元素会继承父元素的某些CSS属性 通常跟文字内容相关的属性都能被继承 颜色 、大小、粗细、字体、 行高、 间隙、 对齐、 修饰、背景、宽 / 高 不能继承

属性值的计算过程

一个元素一个元素依次渲染、顺序按照页面文档的树形目录结构进行

渲染每个元素的前提条件：该元素的所有CSS属性必须有值

一个元素、从所有属性都没有值、到所有属性都有值、这个计算过程、叫做属性值计算过程

1、确定声明值：参考样式表中没有冲突的声明、作为CSS属性值

2、层叠冲突：对样式表有冲突的声明使用层叠规则、确定CSS属性值

3、使用继承：对仍然没有值的属性、若可以继承、则继承父元素的值

4、使用默认值：对仍然没有值的属性、使用默认值

5、典型例子 a 元素 在元素默认声明样式表中有声明值 颜色 、 小手 、下划线 不在继承父元素样式

a:-webkit-any-link{color:-webkit-link;cursor:pointer;text-decoration:underline; }

这就是为什么每次都要去其下划线 也可以手动强制继承color:inherit;初始值、设置为默认值color:initial;

继承Inherited权重值为0 / 看下面一行代码若P有设样式就算给dom1设置了样式也没用

<div class="dom1" 类权重为10><p 标签权重为1> P没有给样式则会继承DIV / 若自己有样式则采用就近原则</p>

块级元素总是和父级一样宽/ 若子级没给宽度加个padding则不会撑开盒子 / 若子级给宽度将会超出去