CSS 教程：从入门到精通，掌握网页美化技巧

CSS（层叠样式表）是用来美化网页的语言，它可以控制页面元素的样式、位置、大小等。以下是使用 CSS 的基本步骤：

在 HTML 文件中添加 CSS 文件或内联样式

在 HTML 文件中使用 <link> 标签引入外部 CSS 文件或在 <style> 标签中添加内联样式，例如：

<head>
  <link rel='stylesheet' href='style.css'>
  <style>
    /* 内联样式 */
    body {
      background-color: #f2f2f2;
    }
  </style>
</head>

标记需要样式的元素

在 HTML 文件中标记需要添加样式的元素，例如：

<body>
  <h1>这是标题</h1>
  <p>这是段落</p>
</body>

编写 CSS 样式规则

在 CSS 文件或 <style> 标签中编写样式规则，例如：

/* 外部 CSS 文件 */
body {
  background-color: #f2f2f2;
}

h1 {
  color: blue;
  font-size: 24px;
}

p {
  color: green;
  font-size: 16px;
}

将样式应用到元素上

在 CSS 文件或内联样式中，使用选择器将样式规则应用到需要样式的元素上，例如：

/* 外部 CSS 文件 */
body {
  background-color: #f2f2f2;
}

h1 {
  color: blue;
  font-size: 24px;
}

p {
  color: green;
  font-size: 16px;
}

/* 将样式应用到元素上 */
<body>
  <h1>这是标题</h1>
  <p>这是段落</p>
</body>

以上就是使用 CSS 的基本步骤，可以根据需要进行调整和优化。