CSS 基础教程

CSS（层叠样式表）是用于描述 HTML 或 XML 文档样式的样式表语言。它用于控制网页的布局、颜色、字体和其他样式。

基础语法

CSS 的基本语法如下：

选择器 {
  属性: 值;
}

例如，以下 CSS 代码将设置段落文本的字体颜色为红色：

p {
  color: red;
}

选择器

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

  • 元素选择器：根据元素类型选择元素，例如 p 选择所有 <p> 元素。
  • 类选择器：根据元素的类属性选择元素，例如 .my-class 选择所有具有 my-class 类的元素。
  • ID 选择器：根据元素的 ID 选择元素，例如 #my-id 选择具有 my-id ID 的元素。

属性和值

CSS 属性指定了元素的样式，而值则指定了具体的样式值。以下是一些常用的 CSS 属性：

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

图片

在网页中添加图片，可以使用 <img> 标签：

<img src="image.jpg" alt="描述图片">

例如，以下代码将添加一个名为 "example.jpg" 的图片：

<img src="example.jpg" alt="示例图片">

扩展阅读

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

<center><img src="https://cloud-image.ullrai.com/q/CSS_Basics/" alt="CSS Basics"/></center>