制作 .css
创建CSS文件的基本步骤
新建一个文本文件，将其保存为.css扩展名，例如styles.css。确保文件名不含空格或特殊字符。
使用文本编辑器或IDE（如VS Code、Sublime Text）打开文件，编写CSS规则。每个规则由选择器和声明块组成，声明块包含属性和值。
基础CSS语法示例
/* 注释示例 */
selector {
property: value;
}
/* 实际案例 */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
.header {
color: blue;
padding: 20px;
}链接CSS到HTML
在HTML文件的<head>部分添加链接标签：
<link rel="stylesheet" href="styles.css">确保CSS文件路径正确，相对路径需与HTML文件位置匹配。
常用CSS编写方法
使用类选择器（以点开头）为特定元素设置样式：
.button {
background: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
}使用ID选择器（以井号开头）为唯一元素设置样式：
#navbar {
background-color: #333;
}进阶技巧
媒体查询实现响应式设计：
@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}变量声明提高可维护性：
:root {
--main-color: #06c;
}
a {
color: var(--main-color);
}验证与优化
使用W3C CSS验证服务检查语法错误。压缩CSS文件以减少体积：
/* 压缩前 */
body{font-family:Arial;color:#333;}
/* 压缩后 */
body{font-family:Arial;color:#333}浏览器开发者工具（F12）可实时调试CSS，查看样式的应用和覆盖情况。
