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

Bootstrap学习笔记(二) 排版及表格

时间:2016-04-26 17:29:50      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

一、h1~h6标签

固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14pxh6=12px。

技术分享

 

1、重新设置了margin-topmargin-bottom的值,  h1~h3重置后的值都是20pxh4~h6重置后的值都是10px。
2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。

二、h1~h6标签的副标题<small>标签

<h1>Bootstrap标题一<small>我是副标题</small></h1>
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {font-size: 65%;}
h4,.h4,h5,.h5,h6,.h6 { margin-top: 10px;margin-bottom: 10px;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small { font-size: 75%;}

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

三、body标签及p标签 的初始设置

body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff;}

p {margin: 0 0 10px;}

1、行高为1.42857143(line-height),大约是20px

 

Bootstrap学习笔记(二) 排版及表格

标签:

原文地址:http://www.cnblogs.com/qshting/p/5435814.html

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