HTML中时常使用H标签;
使用 h1 定义网站标题
使用 h2 定义文章标题
使用 h3 定义栏目标题
但是一般来说H标签的大小不是我们能够承受的默认值;
那么到底H标签的大小是多少加粗的PX呢?
用FIREFOX与IE测试
标签h1=标签b_32px
标签h2=标签b_24px
标签h3=标签b_19px
标签h4=标签b_16px
标签h5=标签b_12px
测试代码如下:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>标签</title>
<style type="text/css">
h1, h2, h3, h4, h5, b {
display: inline;
width:300px;
}
br {
clear:both
}
</style>
</head>
<body>
<h1>标签h1</h1>
=<b style="font-size:32px;">标签b_32px</b><br/>
<h2>标签h2</h2>
=<b style="font-size:24px;">标签b_24px</b><br/>
<h3>标签h3</h3>
=<b style="font-size:19px;">标签b_19px</b><br/>
<h4>标签h4</h4>
=<b style="font-size:16px;">标签b_16px</b><br/>
<h5>标签h5</h5>
=<b style="font-size:12px;">标签b_12px</b><br/>
<p style="font-size:12px;">标签</p>
</body>
</html>
这说明了一个问题,只能说明,在排版布局中;
除了H1-H3标签,我们可以尽量使用H4与H5的原生效果;