Bootstrap框架-----排版

weixin_33866037發表於2017-09-24
boot框架

一、標題

  1. HTML 中的所有標題標籤，<h1> 到 <h6> 均可使用。另外，還提供了 .h1 到 .h6
    類，為的是給內聯（inline）屬性 的文字賦予標題的樣式（注意是內聯）

  2. 在標題內還可以包含 <small> 標籤或賦予 .small 類的元素，可以用來標記副標
    題。

二、頁面主體

1. Bootstrap 將全域性 font-size 設定為 14px，line-height 設定為 1.428。

   這些屬性直接賦予 <body> 元素和所有段落元素。

   另外，<p> （段落）元素還被設定了等於 1/2 行高（即 10px）的底部外邊距（margin）。
  1. 中心內容：通過新增 .lead 類可以讓段落突出顯示。

三、內聯文字元素

1. 讓文字重點突出：使用mark標籤對： <mark></mark>

2. 對於被刪除的文字使用 <del> 標籤。

3. 對於沒用的文字使用 <s> 標籤。

4. 額外插入的文字使用 <ins> 標籤。

5. 為文字新增下劃線，使用 <u> 標籤。

6. 小號文字:對於不需要強調的inline或block型別的文字，
  使用 <small> 標籤包裹，其內的文字將被設定為父容器字型大小的 85%。
  標題元素中巢狀的 <small> 元素被設定不同的 font-size 。
  你還可以為行內元素賦予 .small 類以代替任何 <small>元素。

7. 著重:通過增加 font-weight 值強調一段文字。(strong標籤)

8. 斜體: 用斜體強調一段文字。(em標籤)

9. 在 HTML5 中可以放心使用 <b> 和 <i> 標籤。
   <b> 用於高亮單詞或短語，不帶有任何著重的意味；
   而 <i> 標籤主要用於發言、技術詞彙等。

相關文章