CSS 基础教程

CSS（层叠样式表）是用于描述 HTML 或 XML 文档样式的样式表语言。本教程将为您介绍 CSS 的基础知识，帮助您快速掌握 CSS。

基本语法

CSS 的基本语法由选择器、属性和值组成。以下是一个简单的 CSS 例子：

h1 {
  color: red;
}

上述代码中，h1 是选择器，表示所有 <h1> 标签；color 是属性，表示颜色；red 是值，表示红色。

选择器

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

元素选择器：<tag>，例如 p 选择所有 <p> 元素。
类选择器：.class，例如 .text 选择所有具有 text 类的元素。
ID 选择器：#id，例如 #header 选择具有 header ID 的元素。

属性和值

CSS 属性用于定义元素的样式，而值则指定了这些样式的具体设置。以下是一些常用的 CSS 属性：

颜色：color，例如 red 或 #ff0000。
字体：font-family，例如 Arial 或 Times New Roman。
文本大小：font-size，例如 12px 或 1em。
背景颜色：background-color，例如 blue 或 #0000ff。

实例

以下是一个简单的 HTML 页面示例，演示了如何使用 CSS 来改变文本颜色：

<!DOCTYPE html>
<html>
<head>
  <style>
    .text {
      color: blue;
    }
  </style>
</head>
<body>

<p class="text">这是一个蓝色的文本。</p>

</body>
</html>

在上面的例子中，我们创建了一个具有 .text 类的段落元素，并使用 CSS 将其文本颜色设置为蓝色。

扩展阅读

想要了解更多关于 CSS 的知识，请访问本站提供的 CSS 进阶教程。