码迷,mamicode.com
首页 > 其他好文 > 详细

第二章 排版 2.1-2.2标题

时间:2018-12-09 16:32:36      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:颜色   top   info   级别   alt   重置   ima   str   技术   

技术分享图片

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

技术分享图片

技术分享图片

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

第二章 排版 2.1-2.2标题

标签:颜色   top   info   级别   alt   重置   ima   str   技术   

原文地址:https://www.cnblogs.com/xiaomulei/p/10091037.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!