5.1.2　内部样式表

内部样式表是页面中应用CSS的第二种方式。它允许在HTML文档里直接设置样式。

在HTML文档的head部分输入＜style＞标签，根据需要，定义任意数量的样式规则，如下例所示：

使用内部样式表时，style元素及其包围的样式规则通常位于HTML文档的head部分，浏览器对页面的呈现方式与使用外部样式表时是一样的，如图5-5所示。

图5-5　内部样式表

由于这些样式只在一个网页里存在，因此不会像外部样式表中的规则那样应用到其他页面，对于大多数情况，外部样式表是推荐的方式，但理解其他的选择以备不时之需也是很重要的。

从技术上说，在页面的body部分添加内部样式表也是可行的，但应尽可能避免这种做法。将内容（HTML）、表现（CSS）和行为（JavaScript）分离是一种最佳实践，而将HTML和CSS混在一起就会打破这种原则。从实际情况来看，在外部样式表中维护CSS比在内部样式表中维护CSS更为容易。