在创建CSS外部样式表时，需要将样式表文件保存在与HTML文件相同的目录下，并且文件名必须与HTML文件名相同，且包含一个空格。在HTML页面中，可以使用<style>标签来引用外部样式表，其中内容可以是任何CSS代码。
以下是一个简单的CSS外部样式表设计页面的示例：
1. 创建CSS外部样式表文件
在Web浏览器中打开HTML文件，并使用文本编辑器创建一个新的CSS文件。确保文件名与HTML文件名相同，并包含一个空格。例如，如果HTML文件名为“index.html”，则CSS文件名为“index.css”。
2. 将CSS样式表文件嵌入到HTML页面中
使用<style>标签将CSS样式表嵌入到HTML页面中。例如，在HTML文件中，可以添加以下内容来应用CSS样式表：
<html>
<head>
<style>
/* CSS样式表内容 */
</style>
</head>
<body>
<!– HTML页面内容 –>
</body>
</html>
3. 保存CSS外部样式表文件
保存CSS外部样式表文件，可以使用文本编辑器将其保存为.css文件，例如：
index.css
4. 使用CSS外部样式表
现在可以使用CSS外部样式表来定义页面的样式。例如，可以使用以下CSS代码来设置页面的背景颜色：
body {
background-color: #f2f2f2;
使用上述示例，可以使用CSS外部样式表来创建任何样式，而无需编写重复的代码。通过将样式表文件嵌入到HTML页面中，可以确保在整个应用程序中的样式保持一致。另外，使用CSS外部样式表可以使页面更加易于维护和更新，因为只需要修改样式表文件，而不是整个页面的HTML代码。