1. 引入页面公共部分的一般流程
在网站开发中，我们需要将一些页面内容 common to all the pages 引入到所有页面中，以便所有页面都能够使用相同的样式和布局。引入页面公共部分一般有以下几个步骤：
步骤1：确定公共部分的类型和名称
我们需要明确公共部分的类型和名称。例如，我们可以将公共部分定义为一个类，使用 CSS 类名来命名。也可以将公共部分定义为一个元素，使用 CSS 元素名来命名。在确定公共部分的类型和名称之后，我们需要编写相应的 HTML 代码。
步骤2：编写 HTML 代码
在编写 HTML 代码时，我们需要将公共部分嵌入到页面中。例如，如果我们将公共部分定义为一个类，可以使用 CSS 类名来将公共部分嵌入到 HTML 元素中。如果我们将公共部分定义为一个元素，可以使用 CSS 元素名来将公共部分嵌入到 HTML 元素中。
步骤3：引入 CSS 样式
在编写 HTML 代码之后，我们需要使用 CSS 样式将公共部分的内容覆盖到页面中。我们可以使用 CSS 文件来引入样式，也可以使用 CSS 全局变量来引入样式。使用 CSS 文件来引入样式可以使我们的代码更加简洁和易于维护。
步骤4：测试和调试
在完成引入页面公共部分的代码之后，我们需要进行测试和调试，以确保页面能够正常运行。可以使用浏览器开发者工具来测试页面的样式和布局，并检查是否有任何错误。
2. 使用 CSS 类名引入页面公共部分
使用 CSS 类名来引入页面公共部分是一种常见的方法。我们可以将公共部分定义为一个 CSS 类名，如下所示：
.common {
/* 公共部分样式和内容 */
在编写 HTML 代码时，我们可以使用 CSS 类名来将公共部分的内容覆盖到页面中：
<div class="common">
/* 公共部分的内容和样式 */
</div>
使用 CSS 类名来引入页面公共部分的步骤和上面的步骤类似，只是我们需要使用 CSS 类名来命名公共部分。
3. 使用 CSS 元素名引入页面公共部分
使用 CSS 元素名来引入页面公共部分也是一种常见的方法。我们可以将公共部分定义为一个 CSS 元素名，如下所示：
.common {
/* 公共部分样式和内容 */
.common.class1,
.common.class2,
.common.class3 {
/* 公共部分的其他样式和内容 */
在编写 HTML 代码时，我们可以使用 CSS 元素名来将公共部分的内容覆盖到页面中：
<div class="common class1">
/* 公共部分的内容和样式 */
</div>
<div class="common class2">
/* 公共部分的内容和样式 */
</div>
<div class="common class3">
/* 公共部分的内容和样式 */
</div>
使用 CSS 元素名来引入页面公共部分的步骤和上面的步骤类似，只是我们需要使用 CSS 元素名来命名公共部分。