第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

章節(jié)
問答
課簽
筆記
評論
占位
占位

強(qiáng)調(diào)內(nèi)容

在實(shí)際項(xiàng)目中,對于一些重要的文本,希望突出強(qiáng)調(diào)的部分都會(huì)做另外的樣式處理。Bootstrap同樣對這部分做了一些輕量級的處理。

如果想讓一個(gè)段落p突出顯示,可以通過添加類名“.lead”實(shí)現(xiàn),其作用就是增大文本字號,加粗文本,而且對行高和margin也做相應(yīng)的處理。用法如下:

<p>我是普通文本,我的樣子長成這樣我是普通文本,我的樣子長成這樣我是普通文本,</p>
<p class="lead">我是特意要突出的文本,我的樣子成這樣。我是特意要突出的文本,我的樣子長成這樣。</p>

效果查看最右側(cè)結(jié)果窗口。

“.lead”對應(yīng)的樣式如下:
/*源碼查看bootstrap.css文件第470行~480行*/

.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {/*大中型瀏覽器字體稍大*/
.lead {
font-size: 21px;
  }
}

除此之外,Bootstrap還通過元素標(biāo)簽:<small>、<strong>、<em><cite>給文本做突出樣式處理。
/*源碼查看bootstrap.css文件第55行~第58行*/

b,strong {
  font-weight: bold; /*文本加粗*/
}

/*源碼查看bootstrap.css文件第481行~第484行*/

small,.small {
  font-size: 85%; /*標(biāo)準(zhǔn)字體的85%,也就是14px * 0.85px,差不多12px*/
}

/*源碼查看bootstrap.css第485行~第487行*/

cite {
font-style: normal;
}

任務(wù)

我也來試試:完成下面任務(wù)

請?jiān)谟覀?cè)代碼編輯器第10、11行輸入正確代碼。將下面的內(nèi)容完成:

第一個(gè)是普通的內(nèi)容:“我是一個(gè)普通的段落,我不需要強(qiáng)調(diào)顯示”。

第二個(gè)是強(qiáng)調(diào)的內(nèi)容:“這部分內(nèi)容需要特別的強(qiáng)調(diào),我和別人長得不一樣”。

?不會(huì)了怎么辦

參考代碼如下:

<p>我是一個(gè)普通的段落,我不需要強(qiáng)調(diào)顯示。</p>

<p class="lead">這部分內(nèi)容需要特別的強(qiáng)調(diào),我和別人長得不一樣。</p>
||

提問題

寫筆記

公開筆記
提交
||

請驗(yàn)證,完成請求

由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求

加群二維碼

打開微信掃碼自動(dòng)綁定

您還未綁定服務(wù)號

綁定后可得到

  • · 粉絲專屬優(yōu)惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復(fù)提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關(guān)注公眾號
關(guān)注后,及時(shí)獲悉本課程動(dòng)態(tài)

舉報(bào)

0/150
提交
取消
全部 精華 我要發(fā)布
全部 我要發(fā)布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請點(diǎn)擊 "確定"

為什么扣積分?