# CSS基础
# 一、样式类别
# 标签样式表
/* 标签样式表 */
p{
color: red;
}
1
2
3
4
2
3
4
# 类样式
.f20{
font-size: 20px;
}
1
2
3
2
3
引用:
<p class="f20">这里是段落三</p>
1
# id样式
#p4{
background-color: pink;
font-size: 24px;
font-weight: bolder;
font-style: italic;
font-family: "华文彩云";
}
1
2
3
4
5
6
7
2
3
4
5
6
7
引用
<p id="p4">这里是段落4</p>
1
# 组合样式
/*div内部的p标签样式*/
div p{
color: blue;
}
div .f32{
font-size: 32px;
font-family: "Heiti SC";
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9