CSS 是一种样式表语言,用于描述 HTML 文档的样式。它允许开发者将内容与样式分离,从而提高网页的可维护性和扩展性。

CSS 基本语法

  • 选择器:用于选择页面中的元素。
  • 声明块:包含一个或多个声明,用于定义元素的样式。
  • 值:指定样式属性的值。

示例

/* 选择器 */
body {
  /* 声明块 */
  font-family: Arial, sans-serif; /* 字体 */
  color: #333; /* 颜色 */
  background-color: #f5f5f5; /* 背景颜色 */
}

CSS 选择器

  • 元素选择器:根据元素类型选择元素。
  • 类选择器:根据元素的类属性选择元素。
  • ID 选择器:根据元素的 ID 选择元素。

元素选择器

/* 选择所有 <p> 元素 */
p {
  color: red;
}

类选择器

/* 选择所有具有 "my-class" 类的元素 */
.my-class {
  color: blue;
}

ID 选择器

/* 选择具有 "my-id" ID 的元素 */
#my-id {
  color: green;
}

CSS 属性

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

属性示例

p {
  color: red; /* 文本颜色 */
  font-size: 16px; /* 字体大小 */
  background-color: #f5f5f5; /* 背景颜色 */
  padding: 10px; /* 内边距 */
}

了解更多 CSS 属性

CSS