以下是CSS中常见的样式类型:
1. 标签样式:通过选择特定的HTML标签来设置样式。例如,设置所有段落的字体大小为14px:
p{
font-size: 14px;
}
2. 类样式:通过给HTML标签添加类名来设置样式。例如,设置所有class属性为"example"的元素的文字颜色为红色:
.example{
color: red;
}
3. ID样式:通过给HTML标签添加ID来设置样式。例如,设置所有id属性为"header"的元素的背景颜色为蓝色:
#header{
background-color: blue;
}
4. 直接样式:在HTML标签中使用style属性来直接设置样式。例如,设置某段文字的字体样式、颜色和大小:这是一段文字。5. 组合选择器:通过组合不同的选择器来选择一组元素进行样式设置。例如,设置所有h2标签下的class属性为"example"的元素的字体大小为18px:
h2.example{
font-size: 18px;
}
以上样式类型只是CSS中的一部分,但是它们可以涵盖大部分常见的样式需求。在实际开发中,需要结合具体的页面需求和设计要求来选择适合的样式类型。