制作 .css
创建 CSS 文件的基本步骤
新建一个文本文件，将其保存为 .css 扩展名（例如 style.css）。使用纯文本编辑器（如 Notepad++、VS Code 或 Sublime Text）编写 CSS 规则。
/* 示例：基础 CSS 规则 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}
h1 {
color: #333;
}链接 CSS 到 HTML
在 HTML 文件的 <head> 部分使用 <link> 标签引入外部 CSS 文件。
<link rel="stylesheet" href="style.css">常用 CSS 语法结构
CSS 规则由选择器和声明块组成。声明块包含属性及其值，用分号分隔。
selector {
property: value;
property: value;
}选择器类型
- 元素选择器：直接使用 HTML 标签名（如
p、div）。 - 类选择器：以点开头（如
.className）。 - ID 选择器：以井号开头（如
#idName）。 - 伪类选择器：如
a:hover。
常见样式属性
- 文本样式：
color、font-size、text-align - 盒模型：
margin、padding、border - 布局：
display、position、flexbox/grid
调试与验证
使用浏览器开发者工具（F12）检查元素并实时修改样式。通过 W3C CSS 验证服务 检查语法错误。
进阶技巧
- 媒体查询：实现响应式设计。
- CSS 变量：定义可复用的值（如
--main-color: #ff0000）。 - 预处理器：使用 Sass/Less 增强功能（需编译为 CSS）。
