CSS 教程

CSS（层叠样式表）是一种用于描述HTML或XML文档样式的样式表语言。通过CSS，您可以控制网页的布局、颜色、字体等样式。

基本语法

CSS的基本语法如下：

选择器 {
  属性: 值;
}

例如，以下CSS代码将使所有p元素的文本颜色变为红色：

p {
  color: red;
}

选择器

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

  • 元素选择器：例如p、div、span等。
  • 类选择器：例如.class-name。
  • ID选择器：例如#id-name。

属性和值

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

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

示例

以下是一个简单的HTML和CSS示例：

<!DOCTYPE html>
<html>
<head>
  <style>
    .example {
      color: blue;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <p class="example">这是一个示例段落。</p>
</body>
</html>

在上面的示例中，.example类选择器应用于<p>元素，使其文本颜色变为蓝色，字体大小为20像素。

扩展阅读

如果您想了解更多关于CSS的知识，可以访问本站的CSS教程。

图片示例

CSS示例