详细说明CSS中的继承。

详细说明CSS中的继承。
本文主要介绍CSS的继承,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。
CSS的继承是通过使用样式属性定义。换句话说,当你看CSS属性背景颜色,你会看到一列继承。也许你几乎不关心它,但它仍然非常有用。
CSS的继承是什么

每个元素都是文档树的一部分。除了顶级HTML元素外,每个元素都有相应的父元素,每个父元素的每个CSS属性值都可以应用到它的子元素中。

有一个栗子,H1标签包含一个EM标签:
EM是h1标签的子元素,并继承了CSS属性值在任何H1将自动生效的时间标签,例如:

CSS代码将内容复制到剪贴板。
字体大小:120%;}

由于字体大小是默认继承的CSS属性,大字体也被放大为120%,与H1相同。
如何使用CSS继承

最简单的方法是知道CSS中的所有属性都是默认继承的。如果继承该属性,它将知道它将在元素的所有元素中生效。

如果我们在正文中设置字体,我们通常在最顶层的元素上定义基本样式,如体标记,因为文档中的所有元素都将应用于字体。

CSS代码将内容复制到剪贴板。
字体大小:120%;}

使用继承值

每个CSS属性的值包括继承。如果定义了属性,即使默认情况下该属性不继承,它也将应用父元素的CSS属性的值,例如:

CSS代码将内容复制到剪贴板。
体{保证金:1em;}
{边缘:继承;}

继承计算值(计算值)的使用。

计算值的相对值是指网页中的其他价值观的定义,为继承的属性是特别重要的。如果我们定义字体大小:1em身体,文档中的所有元素都不1em,这是因为字体大小如h1-h6的价值是相对的size.h1默认是在页面上最大的字体元素。当身体元素的字体大小设置,h1-h6将计算基于平均的字体的字体大小。

再举一个例子:
像以前一样,字体大小是默认的CSS属性是遗传的,然而跨度大小不P 80%,但像P,这是因为继承的使用计算,如果P字体大小的父元素30px P,字体大小的计算是24px,跨度是24px继承,而不是80%。

关于计算值的更多信息可以读取CSS计算值。
背景是继承

看着背景属性,就会看到其传承没有,就是默认是不继承的。但是浏览器还是默许继承这一属性,如写这样一段话:
大仍然有黄色背景,这是因为背景属性(初始值)的初始值是透明的,所以黄色背景实际上是H1标记的背景。

tag:继承详细说明电脑软件CSS

相关内容