CSS（层叠样式表）是用于描述HTML或XML文档样式的样式表语言。它允许您将文档内容和文档的格式分离，从而提高可维护性和灵活性。

CSS 基础语法

CSS 的基本语法如下：

选择器 {
  属性: 值;
}

选择器

选择器用于指定要应用样式的 HTML 元素。以下是一些常用的选择器：

  • 元素选择器：例如，p 表示所有 <p> 元素。
  • 类选择器：例如，.my-class 表示所有具有 my-class 类的元素。
  • ID 选择器：例如，#my-id 表示具有 my-id ID 的元素。

属性

属性用于指定元素的样式。以下是一些常用的 CSS 属性：

  • 颜色：例如，color: red; 将文本颜色设置为红色。
  • 字体：例如，font-size: 16px; 将字体大小设置为 16 像素。
  • 背景：例如，background-color: #f0f0f0; 将背景颜色设置为浅灰色。

值

值用于指定属性的值。例如，color: red; 中的 red 就是颜色属性的值。

CSS 选择器优先级

CSS 选择器的优先级决定了哪个样式会被应用到元素上。以下是一些影响选择器优先级的因素：

  • ID 选择器：具有最高优先级。
  • 类选择器：其次。
  • 元素选择器：最低。

例子

假设我们有一个 HTML 文档，其中包含以下内容：

<p id="my-paragraph" class="my-class">这是一段文本。</p>

以下 CSS 代码将使段落文本颜色为蓝色，背景颜色为红色：

#my-paragraph {
  color: blue;
  background-color: red;
}

.my-class {
  color: blue;
  background-color: red;
}

在这个例子中，由于 ID 选择器具有最高优先级，因此段落文本的颜色和背景颜色都将被设置为红色。

扩展阅读

如果您想了解更多关于 CSS 的知识，请访问我们的 CSS 教程 页面。