2019年-03月-18日
0
h1-h6标签字体大小
网上很多html文章说了h1-h6标签各自对应的字体大小是多少,但我测试发现他们说的答案不对,可能很多都是别人复制粘贴过来忽悠人的。
页面的展示都是以浏览器显示的效果为准的。下面给出本人的实测截图:

下面是本人写的代码:
<head>
<meta charset="UTF-8">
<title>heartmv.com</title>
<style type="text/css">
*{margin:0; padding:0}
#box{
width:400px;
height:auto;
margin:10px auto;
overflow:hidden;
}
#box div{
float:left;
}
#box .div1{
border:1px solid red;
}
#box .div2{
border:1px solid red;
margin-left:10px;
}
</style>
</head>
<body>
<div id="box">
<div class="div1">
<p>h标签:</p>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
</div>
<div class="div2">
<p>p标签+css样式:</p>
<p style="font-size: 32px;font-weight: bold;">h1(32px)</p>
<p style="font-size: 24px;font-weight: bold;">h2(24px)</p>
<p style="font-size: 18px;font-weight: bold;">h3(18px)</p>
<p style="font-size: 16px;font-weight: bold;">h4(16px)</p>
<p style="font-size: 13px;font-weight: bold;">h5(13px)</p>
<p style="font-size: 11px;font-weight: bold;">h6(11px)</p>
</div>
</div>
</body>