CSS 教程

在这个部分，我们将介绍如何使用 CSS 来美化您的网页。CSS（层叠样式表）是一种用于描述 HTML 元素样式的语言。通过学习 CSS，您可以控制网页的布局、颜色、字体等。

基本语法

CSS 的基本语法如下：

选择器 {
  属性: 值;
}

选择器

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

元素选择器：例如 p 选择所有 <p> 元素。
类选择器：例如 .class 选择所有具有指定类的元素。
ID 选择器：例如 #id 选择具有指定 ID 的元素。

属性

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

color：设置文本颜色。
background-color：设置背景颜色。
font-size：设置字体大小。
margin：设置元素的外边距。

实例

以下是一个简单的 CSS 示例：

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f1f1f1;
    }
    h1 {
      color: #333;
    }
    p {
      font-size: 16px;
      margin: 10px 0;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
  <p>这是一个示例段落。</p>
</body>
</html>

在上面的示例中，我们设置了网页的背景颜色、标题颜色和段落字体大小。

扩展阅读

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