CSS样式表与HTML网页的关系分析

```css

div b {

font: 14px "宋体";

color: FF0000;

}

```

如此，我们可以看到，一个未加粗的、14px大小的红色字体样式被应用在了文字“小白”上。在CSS中，被标签包含的标签可以使用空格表示其继承关系。标签本身就可以作为样式表的名来定位需要修饰的样式内容。这两点值得我们深入理解和牢记。

对于有一定网页设计经验的朋友来说，我们知道在CSS样式表中可以通过定义ID名和类名（CLASS名）来定位需要修饰的样式内容。但在理解了上述内容后，我推荐大家尽量使用html元素名来定位，而非过度依赖ID名和CLASS名。为什么？因为这样做既符合代码的精简性要求，又能很好地在CSS文档中呈现html文档的结构关系。

理解这一点需要扎实的html语言基础，知道在什么情况下使用什么标签是非常有学问的。大家可以通过狼蚁网站的SEO优化图来深入理解html语言，这个图能很清晰地展示html语言的基本结构，以及包含、继承的关系。

在标签内，就是我们需要用心设计和表现的WEB主体。我们在写CSS样式表时，可以按照层级的递增关系轻松定位需要修饰的元素。当元素内容复杂且重复时，我们可以使用ID名和CLASS名进行逐一区分。值得注意的是，ID名在html文档中是唯一的，不符合W3C规范；而CLASS名可以重复出现在html文档中。

写CSS文档就像画画。就像画素描时先画结构再上黑白灰关系一样，我们也需要先定义好大框架再关注细节。这样制作出的网页才会结构清晰、代码精炼且易于修改。将html看作一副画，不要急于求成，一步步地来。