CSS基础语法

CSS 基础语法

CSS（层叠样式表）是一种用来描述 HTML 或 XML 文件中元素如何显示的样式语言。它主要通过选择器、属性与属性值来定义样式规则。

选择器与声明

• 选择器（Selector） ：选择器用于指定想要应用样式的 HTML 元素。选择器可以是单个元素（如 p 表示段落）、类选择器（如 .className 表示某个类的所有元素）、ID 选择器（如 #idName 表示某个唯一元素）等。

• 声明（Declaration） ：每个 CSS 声明由一个属性（Property）和一个属性值（Value）组成，中间用冒号分隔。一个声明表示对某个属性的具体设置，比如 color: red; 表示将文本颜色设置为红色。

• 声明块（Declaration Block） ：一组声明用 {} 包围，称为声明块。一个选择器可以对应多个声明块。

示例：

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

在这个例子中，p 是选择器，color: blue; 和 font-size: 14px; 是声明块。

属性与属性值

• 属性（Property） ：属性定义了 HTML 元素的样式类型，如颜色、字体大小、背景颜色等。例如，color 是用于设置文本颜色的属性。

• 属性值（Value） ：属性值是对属性的具体描述，通常是一个数值、颜色值、百分比等。例如，blue 是 color 属性的一个值。

常见的属性与属性值：

• color: red; 设置文本颜色为红色。
• font-size: 16px; 设置字体大小为 16 像素。
• background-color: #ffffff; 设置背景颜色为白色。

注释的使用

在 CSS 中，注释用于添加开发者的说明或备注，注释内容不会被浏览器解析，纯粹为了增强代码的可读性和可维护性。

• 注释的语法 ：CSS 注释以 /* 开始，以 */ 结束，注释内容放在这对符号之间。

示例：

/* 这是一条注释 */
p {
    color: blue; /* 设置文本颜色为蓝色 */
}

注释可以放在任何位置，用来解释代码的作用或标注重要信息。