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