23、深入理解CSS：核心概念与实用技巧

深入理解CSS：核心概念与实用技巧

1. 内联样式实践

在学习CSS的过程中，有一个实践机会可以让你体验内联样式的效果。以下是具体操作步骤：
1. 打开文章 twenties.html ，保持它在之前练习结束时的状态。如果你完成了之前的练习，应该已经有一个为 h2 元素设置颜色的规则。
2. 编写一个内联样式，让第二个 h2 标题变为紫色。在 h2 标签的起始标签中使用 style 属性，示例代码如下：

<h2 style="color: purple"> Connect-the-Dots</h2>

设置后，该标题将变为紫色，覆盖之前设置的任何颜色，而其他 h2 标题不受影响。

2. CSS核心概念

2.1 继承

在CSS中，继承是一个重要的概念。就像子女会继承父母的某些特征一样，(X)HTML元素也会将某些样式属性传递给它包含的元素。例如，当我们为 p 元素设置样式时：

p {font-size: small; font-family: sans-serif;}

即使没有为段落中的 em 元素单独编写规则， em 元