全球旧事资料 分类
Bootstrap
标题(一)
Bootstrap和普通的HTML页面一样,定义标题都是使用标签h1到h6只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:
通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置:1、重新设置了margi
top和margi
bottom的值,h1h3重置后的值都是20px;h4h6重置后的值都是10px。2、所有标题的行高都是11(也就是fo
tsize的11倍)而且文本颜色和字体都继承父元素的颜色和字体。3、固定不同级别标题字体大小,h136px,h230px,h324px,h418px,h514px和h612px。
标题(二)
除此之外,我们在Web的制作中,常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果,使用了small标签来制作副标题。这个副标题具有其自己的一些独特样式:1、行高都是1,而且fo
tweight设置了
ormal变成了常规效果(不加粗),同时颜色被设置为灰色(999)。2、由于small内的文本字体在h1h3内,其大小都设置为当前字号的65;而在h4h6内的字号都设置为当前字号的75;详细代码请参阅bootstrapcss文件中第407行第443行。
h1smallh1smallh2smallh2smallh3small
fh3smallh1smallh1smallh2smallh2smallh3smallh3small
fo
tsize65h4h4h5h5h6h6
margi
top10pxmargi
bottom10pxh4smallh4smallh5smallh5smallh6smallh6smallh4smallh4smallh5smallh5smallh6smallh6smallfo
tsize75
段落(正文文本)
f段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):1、全局文本字号为14pxfo
tsize。2、行高为142857143(li
eheight),大约是20px大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能。3、颜色为深灰色(333);4、字体为
好听全球资料 返回顶部