# 网页制作外部样式

## 什么是外部样式表

外部样式表是一种分离样式和内容的方式，通过将样式信息存储在一个独立的CSS文件中，从而使网页结构更清晰、易于维护和优化。

## 创建外部样式表

1. 创建一个新的CSS文件，例如 styles.css

2. 在CSS文件中编写样式规则，例如：

css

body {

font-family: Arial, sans-serif;

background-color: #f0f0f0;

}

h1 {

color: #333;

}

p {

line-height: 1.5;

}

## 链接外部样式表

在HTML文件中使用``标签来链接外部样式表：

html

这是一个标题

这是一个段落

## 外部样式表优势

- 维护方便：通过修改一个外部CSS文件，可以同时应用到多个页面，减少重复代码

- 优化加载：浏览器可以缓存外部样式表，提高网页加载速度

- 更好的结构：分离样式和内容，使代码更整洁，易于管理

外部样式表是Web开发中常用的样式表管理方式，有助于提高代码的可维护性和优化性能。