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

2020-01-19 10:29:24 文字字体加粗是html网页中遇到的非常常见的样式布局点。通过CSS样式布局加粗,通过HTML标签布局字体加粗,如何实现?

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标签加粗有利于搜索引擎排名,自然不过分布局。

更新