您的位置:CSS5 > CSS笔记 >

HTML字体加粗-用CSS和两html粗体标签加粗方法

发布日期:2020-01-19 10:25:06 来源:WWW.CSS5.COM.CN

HTML标签方式加粗字体HTML标签方式加粗字体见的样式布局点。

这里使用CSS样式和HTML标签元素,两种方法来对文字字体加粗的粗体布局。

一、CSS布局粗体

1、CSS样式
font-weight:bold
font-weight为加粗样式
bold为粗体值

2、实例CSS

.chuti{ font-weight:bold}

3、实例 HTML代码

<p>文字被<span class="chuti">加粗</span>可以使用span标签引入外部CSS样式</p>
<div class="chuti">div内字体加粗了</div>

4、CSS加粗实例截图

字体加粗
CSS字体加粗实例截图

二、HTML标签布局粗体

1、HTML粗体有两个标签
<b>加粗</b>
<strong>加粗</strong>
两者均能使用,都是粗体和加粗功能,无任何区别,只是一般选择strong来加粗字体。

2、两个加粗标签实例代码

<p>学习CSS从<b>点点滴滴</b>细节做起</p>
<p>学习<strong>加粗标签</strong>用法,根据需求选择CSS和HTML标签加粗方法</p>

3、加粗实例截图

标签元素加粗
HTML标签方式加粗字体

三、CSS和标签选择

平时布局HTML重构网页时候,根据需求选择,适当HTML标签加粗有利于搜索引擎排名,自然不过分布局。

标签(Tag): 加粗 粗体
本文分享URL地址:https://www.css5.com.cn/biji/1608.shtml

作者:CSS5原创

上一页:上一篇:div加边框样式-div设置边框
下一页:下一篇:div文字上下行间距调整设置