欢迎来到我们的 CSS 基础教程页面！在这里，你将学习到 CSS 的基础知识，包括选择器、样式规则、布局等。CSS（层叠样式表）是网页设计中不可或缺的一部分，它可以帮助你美化网页，使其更加吸引人。

选择器

CSS 选择器用于选择 HTML 元素，并应用样式。以下是一些常用的选择器：

  • 元素选择器：选择所有具有相同标签名的元素。例如：p 选择所有 <p> 元素。
  • 类选择器：选择具有特定类的元素。例如：.text 选择所有具有 text 类的元素。
  • ID 选择器：选择具有特定 ID 的元素。例如：#header 选择具有 header ID 的元素。

样式规则

CSS 样式规则由两部分组成：选择器和声明。以下是一个简单的样式规则示例：

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

在这个例子中，选择器 p 选择所有 <p> 元素，声明部分则定义了这些元素的样式，包括字体颜色和大小。

布局

CSS 布局用于控制网页元素的排列和位置。以下是一些常用的布局技术：

  • 浮动布局：通过设置元素的 float 属性，可以使其浮动在容器的一侧。
  • 定位布局：通过设置元素的 position 属性，可以控制其在页面中的位置。
  • Flexbox 布局：Flexbox 是一种用于创建灵活布局的 CSS 模型，它允许容器内的元素以更灵活的方式排列。

图片

CSS 示例

扩展阅读

想要了解更多关于 CSS 的知识，请访问我们的 CSS 高级教程 页面。

注意：本教程内容仅供参考，如有不当之处，敬请指正。