1. CSS样式表的作用
CSS（Cascading Style Sheets）是一种用来为HTML网页添加样式和布局的语言。通过CSS，可以改变网页的字体、颜色、边距、背景等方面的样式，使网页呈现出用户期望的外观。
在HTML中，可以通过内联样式、内部样式表和外部样式表来应用CSS样式。其中，外部样式表被广泛应用，它通常被保存为独立的.css文件，并在HTML文档中通过<link>标签引入。
2. 外部样式表的常驻区域
2.1 <head>区域
外部样式表通常被放置在HTML文档的<head>区域中，以确保在文档加载时先加载样式表，然后再加载内容，从而实现样式与内容的分离和统一管理。在<head>区域，使用<link>标签来引入外部样式表，其中的rel属性设置为"stylesheet"，href属性指定样式表文件的路径。
<head>
<link rel="stylesheet" href="styles.css">
</head>
外部样式表的常驻区域主要在<head>区域，这样可以保证样式表在文档加载之前就被读取，并能够在整个页面中生效。
2.2 页面顶部
在某些情况下，为了更好地控制样式的加载顺序，开发者可能会选择将外部样式表放置在页面顶部。这样一来，样式表将在所有其他DOM元素之前加载，确保样式的优先应用。
3. 示例
下面是一个外部样式表的示例，通过设置字体、颜色和背景，改变了标题和段落的样式：
styles.css：
h1 {
font-size: 24px;
color: #333;
background-color: #f4f4f4;
padding: 10px;
}
p {
font-size: 16px;
color: #666;
line-height: 1.5;
}
index.html：
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>欢迎阅读</h1>
<p>CSS样式表可以对网页进行美化和布局的调整。</p>
</body>
以上示例中，外部样式表styles.css定义了<h1>和<p>的样式，index.html中引入了该样式表。在浏览器中打开index.html，即可看到标题和段落按照styles.css中定义的样式进行显示。
4. 总结
外部样式表常驻于HTML文档的<head>区域中，通过<link>标签引入，并在整个页面中生效。将样式与内容分离，可以使样式更易于管理和维护，同时提高页面加载性能。
外部样式表是CSS样式表常驻区域的主要应用方式，能够实现样式的统一管理和重用。