CSS帮助您将文档信息的内容 和如何展现它的细节相分离。众所周知，如何展现文档的细节即为样式(style)。您可以将样式从它的内容分离出来，以便您能够：
- 避免重读
- 更容易维护
- 为不同的目的, 使用不同的样式而内容相同
例如
您的网站可能有成千上万的页面外观相似。使用CSS，您可以将样式信息存储在公共的文件中以供所有的页面共用。当用户显示页面时，用户的浏览器将样式信息和页面内容一同加载。
当用户打印页面时，您可以提供不同的样式信息，以便于打印出来的页面更易于阅读。
总之，在HTML中，您使用标记语言来描述文档的内容而不是它的样式。您可以使用CSS来指定它的样式而不是它的内容
行动: 创建样式表
- 在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。请将它命名为：style1.css
- 在您的CSS文件中，复制、粘贴下面的行，并保存该文件:
strong {color: red;}
连接您的文档和样式表
- 为你的文档和样式表相连接, 请编辑你的html文件. 并添加下面高亮的行:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample document</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<p>
<strong>C</strong>ascading
<strong>S</strong>tyle
<strong>S</strong>heets
</p>
</body>
</html>
- 保存该文件并刷新您的浏览器。该样式表将首字母显示为红色，如下所示：
20200902104958.png
网友评论