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

bootstrap-标题

时间:2016-04-19 09:52:08      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

1、重置了margin-top和margin-bottom的值,h1到h3重置后margin-top的值都是20px;h4到h6重置后的值都是10px;

2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都是继承父元素的颜色和字体。

3、固定不同级别的标题字体的大小,h1=36px、h2=30px、h3=24px、h4=18px,h5=14px和h6=12px;

4、此外我们在web的制作中,常常会碰到一个标题后紧跟着一行的小副标题,bootstrap中使用<small>的标签来制作副标题,副标题具有自己的独立样式:

          (1)行高都是1,font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置成灰色(#999)。

          (2)由于<small>内的文本字体在h1到h3内,其大小都设置为当前字号的65%;而在h4到h6内的字号都设置为当前字号的75%;

bootstrap-标题

标签:

原文地址:http://www.cnblogs.com/maizigogo/p/5406812.html

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