排版之文本与缩略语

排版之文本与缩略语

---

强调文本

1、强调文本有small、strong、em、cite，对于这些标签，我们的Bootstrap都给定义了相应的样式

2、标签应用

<small>small</small>

<em>em</em>   //em是强调文本

<cite>cite url</cite>   //一般荧幕里引用的网址

<b>b</b>   //b和strong是一样的，表示加粗。

3.运行结果

---

缩略语abbr

1.演示什么叫缩略语

<hr/>

<abbr title="跟我一起学习Bootstrap">学习bootstrap</abbr>   /*当鼠标移动到缩略语“学习bootstrap”时提示一个完整title属性的值"跟我一起学习Bootstrap"*/

2.运行结果

3.initialism属性

<hr/>

<abbr title="跟我一起学习Bootstrap">学习bootstrap</abbr>

<abbr title="跟我一起学习Bootstrap" class="initialism">学习bootstrap</abbr>

（我们可以看这两者之间的区别，下面一行加上了一个类选择器。）

4.我们可以查看它的源代码

.initialism {

  font-size: 90%; //字体大小定义成90%

  text-transform: uppercase;//加上这个选择器短语变成大写

}

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

  <abbr title="hyperText markup language" class="initialism">html hi</abbr>

5.运行结果（前面一个是小写，后面这个是大写，当鼠标移动到前面的“学习bootstrap”提示的title属性值还是“跟我一起学习Bootstrap”，当鼠标移动到后面这个“学习BOOTSTRAP”提示的title属性值也是“跟我一起学习Bootstrap”，不过字体是原来的90%。