CSS 教程

CSS（层叠样式表）是用于描述HTML或XML文档样式的样式表语言。本教程将带你入门，了解CSS的基础知识和使用方法。

基础语法

CSS的基本语法如下：

选择器 {
  属性: 值;
}

例如，以下代码将设置所有p元素的字体颜色为红色：

p {
  color: red;
}

选择器

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

元素选择器：例如p选择所有p元素。
类选择器：例如.my-class选择所有具有my-class类的元素。
ID选择器：例如#my-id选择具有my-idID的元素。

属性

CSS属性用于描述元素的样式。以下是一些常用的CSS属性：

颜色：例如color用于设置文本颜色。
字体：例如font-family用于设置字体类型。
大小：例如font-size用于设置字体大小。
位置：例如margin和padding用于设置元素的外边距和内边距。

实例

假设我们有一个HTML文件，内容如下：

<!DOCTYPE html>
<html>
<head>
  <title>CSS 教程</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <h1>欢迎来到CSS教程</h1>
  <p>这是一个段落。</p>
</body>
</html>

对应的CSS文件（style.css）内容如下：

h1 {
  color: blue;
}

p {
  color: red;
}

当打开这个HTML文件时，标题将是蓝色，段落将是红色。

图片

CSS 教程

基础语法

选择器

属性

实例

更多信息

图片