排版之文本與縮略語

排版之文本與縮略語

強調文本

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>