h1-h6标签字体大小

网上很多html文章说了h1-h6标签各自对应的字体大小是多少,但我测试发现他们说的答案不对,可能很多都是别人复制粘贴过来忽悠人的。

页面的展示都是以浏览器显示的效果为准的。下面给出本人的实测截图:

h标签对应字体大小
h标签对应字体大小

下面是本人写的代码:

<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>
看完该文章有什么感受?

发表评论

电子邮件地址不会被公开。

标签:, ,
顶部