后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

关于H标签与对应的多少PX文字加粗的对比

程序猿 新的分享 H标签 px 文字加粗... (shuke.2014-08-07 09:35)
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的原生效果;
进度:100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME