CSS样式表基础-优快云博客

信息: 为何使用CSS？

CSS帮助您将文档信息的内容和如何展现它的细节相分离。众所周知，如何展现文档的细节即为样式(style)。您可以将样式从它的内容分离出来，以便您能够：

避免重复
更容易维护
为不同的目的，使用不同的样式而内容相同

例如

您的网站可能有成千上万的页面外观相似。使用CSS，您可以将样式信息存储在公共的文件中以供所有的页面共用。

当用户显示页面时，用户的浏览器将样式信息和页面内容一同加载。

当用户打印页面时，您可以提供不同的样式信息，以便于打印出来的页面更易于阅读。

总之，在HTML中，您使用标记语言来描述文档的内容而不是它的样式。您可以使用CSS来指定它的样式而不是它的内容。 (在本教程后续内容中，您会看到此种的例外情况。)

更多的细节

象HTML之类的标记语言也会提供指定样式的方法。

例如，在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>