您当前的位置:首页 > 电脑技术 > web技术

html网页中<h1><h2><h3>的默认字体大小

2018-09-21 16:57:15人浏览
简介 在网页设计中,文字内容的排版设计时除了正文内容外,也和word文档中一样,会用到标题。在网页设计中,专门提供了标签来表示标题内容,我们在制作网页时常用的就是<h1>,<h2>,<h3>
     在网页设计中,文字内容的排版设计时除了正文内容外,也和word文档中一样,会用到标题。在网页设计中,专门提供了标签来表示标题内容,我们在制作网页时常用的就是<h1>,<h2>,<h3>来显示标题,在html语言中,用来显示标题的标签有<h1><h2><h3><h4><h5><h6>,用得最多的是<h1><h2><h3>,大家都知道标题字体大小是从<h1>到<h6>依次减小的,那么到底<h1><h2><h3><h4><h5><h6>到底对应的字体是多大呢?

    这张图片直观的显示出了<h1><h2><h3><h4><h5><h6>的文字大小。
   
    其实<h1><h2><h3>文字字体的大小是有规定的,在默认不改动情况下,它的字体大小如下:
h1 2em
h2 1.5em
h3 1.17em
h4 1em
h5 0.83em
h6 0.67em
其中em为继承到的字体的倍数。

    举例说明:
如果浏览器默字体大小认为body:100%=16px;
那么可以计算得出<h1><h2><h3><h4><h5><h6>的文字大小具体为:
h1=32px
h2=24px
h3=18.72px
h4=16px
p=16px
h5=13.28px
h6=12px

  当然,这只是默认的大小,你可以在代码中进行指定大小定义。