Bootstrap教程笔记（三）------文字排版

1.标题：Bootstrap4中定义了h1到h6共六种标题样式，h1到h6标题字大小从大到小排序。

2.Display标题类：Bootstrap还提供了四个标题类，分别是.display-1, .display-2, .display-3, .display-4，大小也是从大到小排序，Display标题类比h1-h6更大更粗。使用方法<h1 class="display-1">abcdef</h1>，以此类推。

3.几种文本标签：

(1)<small>：用于创建字号更小的颜色更浅的文本，例如<h1>标题<small>副标题</small></h1>，其实颜色更浅这一点不是很明显就是了。

(2)<mark>：定义文本背景为黄色且具有一定的内边距。是一种高亮效果。例如<p>普通文本<mark>高亮文本</mark></p>。

(3)<abbr>：缩写，样式为将一条虚线显示在文本底部，鼠标悬浮时显示title标签的文本。例如<p>the <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>。

(4)<blockquote>：引用，注明文本是引用自别处。<blockquote>标签可以添加.blockquote类，<footer>用于注明出处。例如<blockquote class="blockquote">引用文本<footer class="blockquote-footer">出处</footer></blockquote>

(5)<dl>：description list，描述列表，内部可以包含<dt>(description title), <dd>(definition description)两种标签。例如<dl><dt>标题是abc</dt><dd>标题是小写字母</d><dt>标题是ABC</dt><dd>标题是大写字母</d></dl>

(6)<code>：代码片段，例如<p>以下HTML元素:<code>span</code>,<code>section</code>, 和<code>div</code> 用于定义部分文档内容。</p>
(7)<kbd>：标明是应该通过键盘输入的文本。<p>Use <kbd>ctrl + p</kbd> to open the Print dialog box.</p>

(8)<pre>：用于显示多行文本。保持原有的样式不变。例如：

<p>For multiple lines of code, use the pre element:</p>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.
</pre>