CSS（层叠样式表）是用于描述 HTML 或 XML 文档样式的样式表语言。在本节中，我们将介绍 CSS 的基础语法和基本用法。

选择器

CSS 选择器用于选择页面中的元素。以下是一些常用的选择器：

  • 元素选择器：直接使用元素标签名称作为选择器，例如 p 选择所有 <p> 元素。
  • 类选择器：使用 .class-name 选择具有指定类名的元素，例如 .highlight 选择所有具有 highlight 类的元素。
  • ID 选择器：使用 #id-name 选择具有指定 ID 的元素，例如 #header 选择具有 header ID 的元素。

属性和值

CSS 属性用于定义元素的样式，值则指定了这些属性的样式细节。以下是一些常用的属性：

  • 颜色：使用 color 属性定义文本颜色，例如 color: red;。
  • 字体：使用 font-family 属性定义文本字体，例如 font-family: Arial, sans-serif;。
  • 尺寸：使用 width 和 height 属性定义元素的宽度和高度。

基本语法

CSS 的基本语法如下：

选择器 {
  属性: 值;
}

例如：

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

这将选择所有 <p> 元素，并将它们的文本颜色设置为蓝色，字体大小设置为 14 像素。

实例

以下是一个简单的 CSS 示例，展示了如何为标题设置样式：

<!DOCTYPE html>
<html>
<head>
  <style>
    h1 {
      color: green;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
</body>
</html>

在上面的例子中，h1 元素的文本颜色被设置为绿色，文本居中对齐。

扩展阅读

想了解更多关于 CSS 的信息？请访问我们的 CSS 教程 页面。

[center]