制作css外部
创建CSS外部样式表
新建一个纯文本文件，文件扩展名必须为.css。例如styles.css。该文件将包含所有CSS规则，不包含任何HTML标签。
/* styles.css文件内容示例 */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: navy;
text-align: center;
}链接CSS文件到HTML
在HTML文档的<head>部分使用<link>标签引入外部CSS文件。href属性指向CSS文件路径，rel属性固定为stylesheet。
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>欢迎页面</h1>
<p>这是一个示例文本。</p>
</body>
</html>CSS文件路径设置
当CSS文件与HTML文件在同一目录时，直接写文件名即可。若在不同目录，需要指定相对路径或绝对路径。
同一目录：
href="styles.css"子目录：
href="css/styles.css"上级目录：
href="../styles.css"CSS规则编写规范
每个CSS规则由选择器和声明块组成。声明块包含在花括号内，每个声明由属性和值组成，用冒号分隔，以分号结束。
选择器 {
属性1: 值1;
属性2: 值2;
}组织CSS文件结构
大型项目建议按功能模块组织CSS文件，例如：
layout.css布局样式typography.css文字样式colors.css颜色方案responsive.css响应式设计
通过多个<link>标签引入：
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/typography.css">
