第二章 排版 2.1-2.2标题

第二章 排版 2.1-2.2标题_第1张图片
Paste_Image.png

通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置:
1、重新设置了margin-top和margin-bottom的值h1h3重置后的值都是20px;h4h6重置后的值都是10px。
2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。
3、固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px 和 h6=12px。

第二章 排版 2.1-2.2标题_第2张图片
微信截图_20160701154838.png

第二章 排版 2.1-2.2标题_第3张图片
微信截图_20160701154915.png

< small >标签
1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。
2、由于内的文本字体在h1 h3内,其大小都设置为当前字号的65%;而在h4h6内的字号都设置为当前字号的75%;

你可能感兴趣的:(第二章 排版 2.1-2.2标题)