bootstrap快速入门笔记（五）-文本元素类，各种标签,排版

1，h1到h6这里也有定义了

2，全局元素被直接赋予

font-size

设置为 14px，

line-height

设置为 1.428，

<p>

（段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）

3，“.lead”：让段落突出显示，就是字体加大了，加粗了。

4，<mark>内联文本元素；文字背景是黄色；

5，<del>删除文本标签；<s>无用文本标签，和del效果类似；

6，<ins>插入文本标签；<u>显示文本带有下划线,和<ins>效果类似；

7，<small>小号文本，是父容器字体的85%，也可以用.small代替；

8，<strong>强调一段文本；

9，<em>斜体文本

10，<b>,<i>在 HTML5 中可以放心使用

11，对齐：

　　text-left,text-center, text-right,

　　text-justify：、、注意段落与段落之间不能留任何空行

　　text-nowrap//禁止文件自动换行

12，改变文件大小写：

　　

text-lowercase：小写

　　

text-uppercase

：大写

　　

text-capitalize

： 字首大写

13，<abbr>缩略语：

<abbr title="attribute">attr</abbr>

14，“.

initialism

”首字母缩写:

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

15,地址<address>：

<address> <strong>Full Name</strong><br> <a href="mailto:#">first.last@example.com</a> </address>

16,多种引用样式：

　　<blockquote>

　　--直接引用建议p标签

　　--添加

<footer>

用于标明引用来源。来源的名称可以包裹进

<cite>

标签中

　　　　

<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote>

　　--.blockquote-reverse类可以让引用呈现内容右对齐的效果

17,列表

　　无序列表<ul>:

　　　　.

list-unstyled

:无样式

　　　　.

list-inline

:将所有元素放置于同一行

　　有序列表<ol>

18,描述：带有描述的短语列表

<dl> <dt>...</dt> <dd>...</dd> </dl>

　　

.dl-horizontal

可以让

<dl>

内的短语及其描述排在一行。开始是像

<dl>

的默认样式堆叠在一起，随着导航条逐渐展开而排列在一行。

　　

19，自动截断：.text-overflow水平排列的描述列表将会截断左侧太长的短语。在较窄的视口（viewport）内，列表将变为默认堆叠排列的布局方式。