CSS 语法

CSS 的语法很简单，核心就是：选中谁（选择器）+ 改成什么样（属性: 值）。本节带你认清楚每一部分的写法。

基本结构

一条完整的 CSS 规则通常长这样：

css

选择器 {
  属性名: 属性值;
  属性名: 属性值;
}

选择器：指定「要作用在哪些元素上」。
大括号 { }：里面放这条规则的所有样式。
属性名：如 color、font-size，表示要改什么。
属性值：如 red、16px，表示改成什么样。
分号 ;：每条「属性: 值」后面用分号结束（最后一条可以不加，但建议都加，养成习惯）。

简单示例

css

p {
  color: blue;
  font-size: 18px;
}

含义：

选择器：p → 选中页面里所有 <p> 段落。
属性：
- color: blue; → 文字颜色为蓝色。
- font-size: 18px; → 字号 18 像素。

所以「所有段落都会变成蓝色、18px 的字」。

选择器

选择器写在规则的最前面，用来「选中」要套用样式的元素。常见几种：

选择器	示例	含义
标签选择器	`p`	所有 `<p>` 元素
类选择器	`.title`	所有 `class="title"` 的元素
ID 选择器	`#main`	`id="main"` 的元素

后面会专门学 Id 和 Class 选择器。

属性和值

属性名：一般是英文单词或连字符形式，如 background-color、margin-top。
属性值：数字+单位（如 20px）、颜色（如 red、#ff0000）、关键字（如 none、center）等。

不同属性有不同合法取值，写错时浏览器会忽略该行，不会报错，但样式不会生效。

注释

注释不会参与渲染，用来给自己或别人做说明：

css

/* 这是单行注释 */

/*
  这是
  多行注释
*/

p {
  color: blue; /* 段落设为蓝色 */
}

书写习惯建议

缩进：大括号里的属性一般缩进 2 个空格或 1 个 Tab，便于阅读。
分号：每条声明后都加分号，避免以后增加属性时出错。
大小写：属性名、值中的关键字一般小写（如 color、none），类名、ID 按你自己约定（建议统一小写）。

小结

一条 CSS 规则 = 选择器 + { 属性: 值; }。
选择器决定「谁」被样式影响，属性和值决定「长什么样」。
用 /* */ 写注释，用分号结束每条声明。

下一节我们会专门讲 Id 和 Class 选择器，让你更精确地选中某一个或某一类元素。