CSS(层叠样式表)是用于描述HTML或XML文档样式的样式表语言。它用于设置网页的颜色、字体、布局等样式。以下是一些基本的CSS教程,帮助您开始学习CSS。

基础概念

  • 选择器:用于选择HTML元素,例如p选择所有<p>元素。
  • 属性:用于描述元素的外观,例如color设置文本颜色。
  • :属性的值,例如red表示红色。

CSS 选择器

  • 元素选择器:选择特定HTML元素,例如p
  • 类选择器:通过类名选择元素,例如.my-class
  • ID选择器:通过ID选择唯一元素,例如#my-id

CSS 属性

  • 字体font-family, font-size, font-weight等。
  • 颜色color, background-color等。
  • 布局margin, padding, width, height等。

实例

以下是一个简单的CSS示例:

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

p {
    color: #333;
    font-size: 16px;
}

.my-class {
    font-weight: bold;
}

学习资源

如果您想深入学习CSS,以下是一些推荐的资源:

CSS 示例图片