CSS 教程

欢迎来到我们的 HTML & CSS 博客，这里是学习 CSS 的好地方。在本教程中，我们将从基础开始，逐步深入，帮助你掌握 CSS 的核心概念和技巧。

基础概念

CSS（层叠样式表）是一种用来描述 HTML 或 XML 文档样式的样式表语言。它允许你将文档的内容（如文字）和文档的外观（如颜色、字体和布局）分离。

CSS 的三大特性

层叠性：允许你覆盖或继承父元素的样式。
组合性：可以将样式应用于多个元素。
继承性：子元素会继承父元素的样式。

基础语法

选择器 {
  属性: 值;
}

这里，选择器指定你想要应用样式的元素，属性和值定义了元素的样式。

实战演练

让我们通过一个简单的例子来实践一下 CSS：

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>CSS 实战</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .highlight {
      color: red;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <p>这是一个 <span class="highlight">高亮</span> 的文本。</p>
</body>
</html>

在这个例子中，我们创建了一个包含 HTML 和 CSS 的简单页面。CSS 部分定义了页面的样式，而 HTML 部分包含了页面内容。

扩展阅读

想要了解更多关于 CSS 的知识？请访问我们的 CSS 进阶教程。