字体样式属性:
font-family:字体类型
font-size:字体大小
font-weight:字体粗细
font-style:字体风格
color:字体颜色
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
#p1 div {
font-family: 微软雅黑;
/* 字体大小为14px */
font-size: 14px;
/* 字体粗细为bold */
font-weight: bold;
color: red;
}
#p2 {
font-family: Arial;
font-size: 28px;
font-weight: lighter;
font-style: italic;
color: firebrick;
}
span{
font-family: 宋体;
font-size:30px;
font-weight: 10;
font-style: inherit;
color:lightcoral
}
</style>
</head>
<body>
<div id="p1">
<div>HTML控制网页的结构</div>
</div>
<p id="p2">CSS控制网页的外观</p>
<span id="p3">JavaScript控制网页的行为</span>
</body>
</html>