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,以下是一些推荐的资源:
- MDN Web 文档 - CSS
- CSS 实战教程(更多CSS教程)
CSS 示例图片