/* 外部样式表示例 */
/* style.css */
body {
background-color: #f5f5f5;
font-size: 16px;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}
p {
color: #333;
}外部样式表是以 .css 扩展名为文件形式存在的，大家只需要将 CSS 样式代码写入这个文件中，然后在 HTML 文档内部引用即可。引入外部样式表的方式如下：
/* 在 HTML 中引入外部样式表 */ <link rel="stylesheet" href="style.css">
其中，link是 HTML 的链接标签，用于引入资源文件，rel="stylesheet"表示链接的是样式表，href则是链接样式表的地址。
使用外部样式表的好处如下：
- 可维护性：样式与文件分离，方便维护和修改。
- 可重用性：多个页面共用同一个样式表，减少重复代码。
- 速度优化：浏览器可以缓存样式表，加快页面加载速度。
总之，使用外部样式表来管理 CSS 样式是一个值得推荐的做法。通过分离页面样式与内容，不仅可以提高效率，也能让页面变得更加清晰易读。