App下載
4. 排版樣式
Bootstrap3 入門課程 / 4. 排版樣式
手機(jī)也能上課
App下載
1/13

頁面排版 - 標(biāo)題

標(biāo)題

Bootstrap 對 HTML 標(biāo)題 (h1 ~ h6) 進(jìn)行了 CSS 樣式的重構(gòu),并且還支持普通內(nèi)聯(lián)元素定義 class= (.h1 ~ .h6) 來實(shí)現(xiàn)相同的功能。


內(nèi)聯(lián)元素使用標(biāo)題字體:

<span class="h1">Bootstrap</span>


注:使用 Bootstrap 后,網(wǎng)頁的字體顏色、字體樣式、行高均被固定了,保證其統(tǒng)一。

不使用 Bootstrap 時,字體樣式會根據(jù)系統(tǒng)內(nèi)置的首選字體決定。

在 h1 ~ h6 元素之間,還可以嵌入一個 small 元素作為副標(biāo)題,如下所示:

<h1>Bootstrap 框架 <small>Bootstrap 小標(biāo)題</small></h1>


下表列出了一些內(nèi)聯(lián)文本元素:

QQ截圖20190524140906


+10 經(jīng)驗(yàn) +10積分
解析
提示
參考答案
+10 經(jīng)驗(yàn) +10積分
視頻播放結(jié)束,是否學(xué)習(xí)下一節(jié)?