CSS 教程

CSS（层叠样式表）是用于描述HTML或XML文档样式的样式表语言。通过CSS，你可以控制网页的布局、颜色、字体和其他元素的外观。

基本语法

CSS的基本语法包括选择器、属性和值。以下是一个简单的CSS例子：

body {
  background-color: #f1f1f1;
  font-family: Arial, sans-serif;
}

在这个例子中，body 是选择器，它指定了样式将应用于页面的主体部分。background-color 和 font-family 是属性，而 #f1f1f1 和 Arial, sans-serif 是对应的值。

选择器

CSS中有多种选择器，以下是一些常用的选择器：

元素选择器：基于HTML元素选择样式，如 p 选择所有 <p> 元素。
类选择器：基于元素的类属性选择样式，如 .example 选择所有类为 example 的元素。
ID选择器：基于元素的ID选择样式，如 #unique 选择ID为 unique 的元素。

属性和值

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

颜色：color 属性用于设置文本颜色。
背景色：background-color 属性用于设置元素的背景颜色。
字体：font-family 属性用于设置文本的字体。
边框：border 属性用于设置元素的边框。

实例

以下是一个简单的HTML页面，其中包含了一些CSS样式：

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f1f1f1;
      font-family: Arial, sans-serif;
    }
    h1 {
      color: #333;
    }
    .example {
      background-color: #ddd;
      padding: 10px;
      margin: 10px;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
  <div class="example">
    这是一个示例文本。
  </div>
</body>
</html>

更多关于CSS的内容，请访问本站CSS教程。

图片示例