制作css外部
创建CSS外部文件的方法
将CSS样式表保存为外部文件是一种常见的做法，可以提高代码的可维护性和复用性。以下是详细步骤：
新建CSS文件
打开文本编辑器（如VS Code、Notepad++等），创建一个新文件并保存为.css扩展名，例如styles.css。确保文件名具有描述性且不含空格。
编写CSS规则
在CSS文件中直接编写样式规则，无需<style>标签。例如：
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
color: #333;
}链接CSS到HTML
在HTML文件的<head>部分使用<link>标签引入外部CSS文件：
<link rel="stylesheet" href="styles.css">确保href属性中的路径与CSS文件的实际位置匹配。
路径设置技巧
相对路径 如果CSS文件与HTML在同一目录，直接使用文件名。若在不同文件夹：
- 子文件夹：
href="css/styles.css" - 上级目录：
href="../styles.css"
绝对路径 可直接使用完整URL链接网络上的CSS文件，例如：
<link rel="stylesheet" href="https://example.com/styles.css">最佳实践建议
文件组织
将CSS文件存放在项目目录的专用文件夹（如/css）中，保持结构清晰。大型项目可按模块拆分多个CSS文件。
缓存控制 通过版本号或时间戳强制浏览器更新缓存：
<link rel="stylesheet" href="styles.css?v=1.1">性能优化 合并多个CSS文件减少HTTP请求，使用压缩工具（如CSSNano）缩小文件体积。可通过构建工具（Webpack、Gulp）自动化此过程。
