制作css外部
创建CSS外部文件的方法
新建一个纯文本文件，将文件扩展名改为.css，例如styles.css。确保文件内容只包含CSS代码，不包含HTML标签。
编写CSS内容
在CSS文件中直接编写样式规则，不需要<style>标签。每个规则由选择器和声明块组成：
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #333;
text-align: center;
}链接CSS文件到HTML
在HTML文件的<head>部分使用<link>标签引入外部CSS文件：
<link rel="stylesheet" href="styles.css">确保href属性指向正确的CSS文件路径。
文件路径注意事项
根据CSS文件存放位置调整路径：
- 同级目录：
href="styles.css" - 子目录：
href="css/styles.css" - 上级目录：
href="../styles.css"
CSS文件优化建议
合理组织CSS代码结构，通常按以下顺序排列：
- 通用样式（body, html）
- 布局样式
- 组件样式
- 响应式媒体查询
添加注释保持代码可维护性：
/* 主页面布局 */
.container {
width: 80%;
margin: 0 auto;
}浏览器缓存利用
外部CSS文件会被浏览器缓存，提高页面加载速度。更新CSS时建议修改文件名或添加查询参数：
<link rel="stylesheet" href="styles.css?v=1.1">
