40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>06_font-size详细</title>
|
||
<style>
|
||
/* 字体设计时 x下沿是基线，基线靠下字体偏下 */
|
||
div {
|
||
font-size: 30px;
|
||
background-color: skyblue;
|
||
}
|
||
.zyjblogs1 {
|
||
font-family: "YaHei Monaco Hybird";
|
||
}
|
||
.zyjblogs2 {
|
||
font-family: "宋体";
|
||
|
||
}
|
||
.zyjblogs3 {
|
||
font-family: "微软雅黑";
|
||
}
|
||
.zyjblogs4 {
|
||
|
||
}
|
||
.zyjblogs5 {
|
||
}
|
||
.zyjblogs6 {
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="zyjblogs1">x逝水无痕 zyjblogs1</div><br>
|
||
<div class="zyjblogs2">x逝水无痕 zyjblogs2</div><br>
|
||
<div class="zyjblogs3">x逝水无痕 zyjblogs3</div><br>
|
||
<div class="zyjblogs4">x逝水无痕 zyjblogs4</div><br>
|
||
<div class="zyjblogs5">x逝水无痕 zyjblogs5</div><br>
|
||
<div class="zyjblogs6">x逝水无痕 zyjblogs6</div><br>
|
||
</body>
|
||
</html> |