20、级联样式表（CSS）：代码样式表与网页元素样式设置

级联样式表（CSS）：代码样式表与网页元素样式设置

在网页开发中，CSS（级联样式表）是控制网页外观的强大工具。下面将详细介绍如何创建代码样式表以及设置网页中链接、背景等元素的样式。

代码样式表的创建

在展示代码时，拥有一个合适的样式表能让代码更易读。以下是创建代码样式表的详细步骤：

1. 定义样式选择器
   首先，为不同的样式创建类选择器。由于部分样式可应用于不同元素，所以部分选择器不使用元素名。代表代码的选择器会使用元素名。以下是具体的选择器：

code.codeInText{}
code.codeForeground {}
code.codeBackground {}
.keystroke {}
.importantWords {}
.boxText {}
.background {}

2. 为选择器添加声明
   • codeInText 样式 ：用于句子或段落中代表代码的单词。代码以等宽字体显示，首选字体为 Courier，其次为 Courier New，若都不可用则使用浏览器默认等宽字体。同时，字体加粗以提高可读性。

.codeInText {
  font-family : courier, "courier new", monospace;
  f