css样式表的制作方法
创建基本CSS文件
新建一个文本文件，将其后缀名改为.css，例如style.css。文件开头可添加字符编码声明：
@charset "UTF-8";编写选择器与样式规则
使用选择器定位HTML元素，大括号内定义样式属性：
h1 {
color: #333;
font-family: Arial, sans-serif;
text-align: center;
}链接CSS到HTML
在HTML文件的<head>部分添加链接：
<link rel="stylesheet" href="style.css">使用常用样式属性
控制文本样式：
p {
line-height: 1.6;
font-size: 16px;
margin-bottom: 20px;
}设置盒模型：
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
border: 1px solid #ddd;
}应用伪类和伪元素
定义交互状态：
a:hover {
color: red;
text-decoration: underline;
}添加特殊内容：
p::first-letter {
font-size: 150%;
}实现响应式设计
使用媒体查询适配不同设备：
@media (max-width: 768px) {
.container {
width: 95%;
}
}组织CSS代码结构
按功能模块分组注释：
/* Header Styles */
header { ... }
/* Navigation */
nav { ... }
/* Footer */
footer { ... }使用CSS预处理器（可选）
Sass示例：
$primary-color: #3498db;
.button {
background: $primary-color;
&:hover {
background: darken($primary-color, 10%);
}
}
