Bootstrap學習筆記（二） 排版及表格

標籤：

一、h1~h6標籤

固定不同層級標題字型大小，h1=36px，h2=30px，h3=24px，h4=18px，h5=14px和h6=12px。

 

1、重新設定了margin-top和margin-bottom的值，  h1~h3重設後的值都是20px；h4~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學習筆記（二） 排版及表格