Bootstrap重新设置了margin-top和margin-bottom的值,
- h1~h3重置后的值都是20px;
- h4~h6重置后的值都是10px。
所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。
固定不同级别标题字体大小,
h1=36px,
h2=30px,
h3=24px,
h4=18px,
h5=14px,
h6=12px。
<div class="h1">标题一的字体大小为36px</div>
<div class="h2">标题一的字体大小为30px</div>
<div class="h3">标题一的字体大小为24px</div>
<div class="h4">标题一的字体大小为18px</div>
<div class="h5">标题一的字体大小为14px</div>
<div class="h6">标题一的字体大小为12px</div>
<hr>
<!-- 副标题 -->
<div class="h1">床前明月光 <small>疑是地上霜</small></div>