欢迎来到我们的 CSS 指南页面！CSS（层叠样式表）是网页设计的重要组成部分，它允许你控制网页元素的样式和布局。

基础概念

  • 选择器：用于定位页面上的元素。
  • 属性：定义元素的样式，如颜色、字体、大小等。
  • 值：属性的具体设置，例如 color: red;。

CSS 选择器

  • 元素选择器：通过元素类型选择元素，如 p 选择所有 <p> 元素。
  • 类选择器：通过类名选择元素，如 .text 选择所有带有 text 类的元素。
  • ID 选择器：通过 ID 选择唯一元素，如 #header 选择 ID 为 header 的元素。

实例

假设我们有一个 HTML 文档，包含以下内容：

<p class="text">这是一个段落。</p>
<div id="header">这是头部。</div>

我们可以使用以下 CSS 代码来设置样式：

.text {
    color: blue;
    font-size: 16px;
}

#header {
    background-color: gray;
    color: white;
}

这将使段落文本变为蓝色，字体大小为 16px，而头部背景变为灰色，文本颜色为白色。

扩展阅读

想要了解更多关于 CSS 的知识？请阅读我们的高级 CSS 指南。

CSS 示例图片