CSS|字体样式
1.span标签、字体大小 font-size
一半使用span标签来修饰需要被着重表示的文字内容,可以在span标签内添加一个id属性,利用id选择器来修改需要着重内容的样式:
#style1{
font-size: 30px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体样式</title>
<link rel="stylesheet" href="Style-demo09.css">
</head>
<body>
欢迎来到<span id="style1">Alan_Lowe</span>的个人网站!
</body>
</html>
2.字体格式 font-family
使用font-family可以修改字体:
CSS:
.style2{
font-family: 楷体;
}
.style3{
font-family: 宋体;
}
HTML:
<p class="style2">字体</p>
<p class="style3">字体</p>
3.字体粗细 font-weight
使用font-weight可以修改字体的粗细,常用的有:
- lighter
- normal
- bold
CSS:
.style4{
font-weight: lighter;
}
.style5{
font-weight: bold;
}
HTML:
<p class="style4">字体粗细</p>
<p class="style5">字体粗细</p>
4.字体颜色 color | 背景颜色 background-color
如:
.style6{
color: blue;
background-color: aqua;
}
人生没有白走的路,每一步都算数!