在文本外部、内嵌个内联样式表之间进行选择

　　既然有那么多选择可以向站点添加样式表，那么用哪种方式比较好呢？一般而言，外部样式表优于内嵌样式表，内嵌样式表优于内联样式表。外部样式表允许通过单个文件改变整个站点的外观。只要对外部样式表文件做一次修改，使用这样的样式表的所有页面就会自动进行这样的修改。

　　然而，在某种情况下使用内嵌样式表和内联样式表也是可以完全可以接受的。如果要修改单个页面的外观，而不想影响到站点中的其他页面，那么内嵌样式表就是理想的选择。内嵌样式表也是如此，如果只想修改单个页面中单个元素的行为，且相当确定其他HTML元素不需要同样地声明时，就可以使用内联样式表也是可以使用内联样式。

　　需要考虑的一件重要事情是不同类型的样式表互相覆盖的方式。如果有多个带有不同属性值的同等选择器，那么会优先采用最后定义的那个选择器。例如，在名为Styles.css的外部样式表中定义了一个规则，他将所有<h1>标记的颜色都设置为绿色。

　　现在假设要将这个样式表应用到一个页面上，该页面中对同样的 h1 还有一个嵌入规则，但设置了不同的颜色。运行代码，页面中实际的 <h1> 标记的颜色就会是蓝色。这是因为将颜色定义为蓝色内嵌样式表在页面中定义的较晚，因此它覆盖了外部文件中定义的设置。

　　内联样式表也是采用这样的机制。由于他们是直接在HTML元素上定义的，因此与内联和外部样式表相比，会优先采用他们的设置。也要注意CSS通常否认HTML元素上的特性。例如，如果有一个CSS规则设定了某个图像的宽度和高度，站点就会忽略img元素上的heighe和width特性。