继承是CSS结构的基础。元素的属性实际上可以继承主HTML标记的值，除非你为子元素指定不同的值。

…< / h1 >在h1标记中定义了一个样式，即所谓的子元素)。如果没有为clild元素定义值，则页面的整个内容遵循由主导标记(通常在页面头部部分定义或从外部CSS文件包含)定义的规则。您还必须注意，不是所有属性(如边框、填充或边距)都由子元素继承。

有三种方法来定义CSS样式:

1. 外部CSS链接到HTML页面(代码如下:）

• 内部的CSS(通常在页面的Head部分定义)

• 内联CSS(其属性只影响定义它们的HTML标记)

了解如何定义CSS对于理解如何以及哪些HTML标记继承CSS属性是至关重要的。换句话说，层次结构中最上面的元素是最靠近HTML标记的元素。内联样式是浏览器应用的最新样式，因此它的属性优于HTML页面中先前定义的其他样式。

内部CSS的属性优于外部CSS定义的属性，内联CSS优于内部和外部。

下面是一个外部CSS的例子，它被声明为名为mystyle.css的文件

.myclass {
背景颜色:蓝色;
｝

然后mystyle.css被导入到HTML页面中，其中内联样式和内部样式定义如下:


<风格type = " text / css " >
．myclass {
背景颜色:白色;
｝
> < /风格
<文章风格= "背景颜色:红色;" >
我的CSS文件。
< / >的文章

现在，让我们看看浏览器将为

标记的背景色输出哪种颜色。

根据CSS继承，最后一个样式实际上定义了

标记的外观，因此问题的答案是:背景色是红色。

基达尔D. (5616个帖子）

基达尔·d是LeraBlog的作者。作者的观点完全是他们自己的，可能不反映LeraBlog员工的观点和意见。