国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

HTML和CSS實現字體加粗的三種方法

2020-03-24 18:58:54
字體:
來源:轉載
供稿:網友
大家在瀏覽網站時有沒有注意到,頁面中有些文字或字體加粗了,正在學習HTML和CSS的小伙伴,你知道HTML如何給文字加粗嗎?CSS怎么設置字體加粗呢?這篇文章給大家總結了給字體和文字加粗的三種方法,包括HTML中的加粗標簽以及CSS字體加粗樣式,有一定的參考價值,感興趣的朋友可以參考一下。

給字體和文字加粗有三種方法,一種是CSS中的font-weight: bold樣式,一種是HTML中的 strong /strong 標簽,最后一種是HTML中的 b /b 標簽。

方法1:用CSS中font-weight: bold樣式給字體加粗

font-weight屬性可以設置字體的粗細,當屬性值為normal時,表示正常的字體,相當于number為400;當屬性值為bold時,可以給字體粗體,相當于number為700,也相當于 b 標簽的效果。

實例描述:創建兩個p標簽,給其中一個標簽一個html' target='_blank'>class類名,便于對其進行CSS樣式設置。將font-weight: bold屬性添加到有類名的p 標簽上,對比兩個p標簽,看看有什么不同,具體代碼如下:

 !DOCTYPE html  html  head  meta charset= UTF-8  title /title  style type= text/css .aa{font-weight: bold;} /style  /head  body  p 床前明月光 /p  p >

如下圖所示,“低頭思故鄉”這段文字被加粗了。

x1.jpg

方法2:用html中的 strong 加粗標簽

strong 標簽可以使字體加粗,且所有主流瀏覽器都支持此方法。

實例描述:直接用html中的 strong 標簽,即可實現文字加粗效果,具體代碼如下:

 !DOCTYPE html  html  head  meta charset= UTF-8  title /title  /head  body  p 床前明月光 /p  strong 疑是地上霜 /strong  /body  /html 

如圖所示,對比p標簽和strong標簽的內容,發現strong標簽的內容加粗了。

x2.jpg

方法3:用html中的 b 加粗標簽

b 標簽可以定義一個粗體的文本,且所有主流瀏覽器都支持 b 標簽。

實例描述: b /b 標簽和 strong 標簽一樣,都可以給文字加粗,并且使用簡單方便,具體代碼如下:

 !DOCTYPE html  html  head  meta charset= UTF-8  title /title  /head  body  p 床前明月光 /p  b 舉頭望明月 /b  /body  /html 

如下圖所示,b標簽的里面的文字加粗了

x3.jpg

總結:以上給大家介紹了給文字加粗的三種方法,分別是CSS中的font-weight: bold樣式和HTML中的 strong 標簽、 b 標簽,直接用html標簽比較方便,至于選擇哪種方法,還要看個人習慣和工作需要,希望這篇文章對你有所幫助!

【相關教程推薦】

1、html和CSS給文字添加刪除線的三種方法(圖文)

2. HTML教程

3. HTML在線手冊

以上就是HTML和CSS實現字體加粗的三種方法的詳細內容,html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 清流县| 平谷区| 穆棱市| 五华县| 永胜县| 抚州市| 蒙阴县| 绵阳市| 皋兰县| 乌鲁木齐县| 霍山县| 耒阳市| 濮阳市| 陆良县| 邢台县| 灵台县| 天峨县| 郴州市| 高碑店市| 建德市| 道孚县| 武邑县| 都昌县| 棋牌| 江都市| 花垣县| 门源| 额尔古纳市| 民权县| 德清县| 托克逊县| 新巴尔虎右旗| 洛南县| 襄樊市| 呼伦贝尔市| 合水县| 肃宁县| 射阳县| 迁西县| 高雄县| 尼勒克县|