Bootstrap排版之标题

Bootstrap排版之标题

---

1.定义标题样式

2.运行效果

3.定义

4.运行效果，表面上看是差不多的，但其实你看这两个的源代码，第二种样式是没有定义margin-top和 marging-bottom，第一种标签则定义了margin-top和marging-bottom

5.使用small小字体标签

<h1>第一个标题样式<small>小字体</small></h1>

<h2>第一个标题样式<small>小字体</small></h2>

<h3>第一个标题样式<small>小字体</small></h3>

<h4>第一个标题样式<small>小字体</small></h4>

<h5>第一个标题样式<small>小字体</small></h5>

<h6>第一个标题样式<small>小字体</small></h6>

<p class="h1">第一个标题样式<small>小字体</small></p>

<p class="h2">第一个标题样式<small>小字体</small></p>

<p class="h3">第一个标题样式<small>小字体</small></p>

<p class="h4">第一个标题样式<small>小字体</small></p>

<p class="h5">第一个标题样式<small>小字体</small></p>

6.运行效果，相当于这个小字体作为副标题，第一行到第三行的第一个标题样式是36个像素，那这个小字体默认占这36个像素的百分之六十五。从第四行开始到第六行占百分之七十五