欢迎光临
我们一直在努力

html中怎么用css设置文字粗体样式

今天小编给大家分享一下html中怎么用css设置文字粗体样式的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

一、html加粗标签

加粗标签有两个,一个“b”标签,一个“strong”标签。两个标签任意选择,为了代码容易选择b,常用还是strong标签。

Html 粗体代码:

欢送离开CSS5进修<b>HTML结构</b>。<br />
根柢加实践方式学会<strong>前端布局</strong>。

笔墨被标签加粗成绩截图:

思虑SEO要素,通常使用加粗标签来加粗,但为了排版丑陋,需要人造应用,而非为优化而运用,反而揠苗助长,任意涌现适量应用加粗标签,招致过火美化,不克不及获得征采引擎排名。

一般文章中,除了栏方针题问题、分类标题加粗外,表述形式专程对要害词笔墨字体加粗不超越3次。如果针对关头词美化加粗,首倡运用一次即可,或不运用,提防偏激优化反而不克不及得到排名。

二、css格局加粗

除了html 标签加粗外,css 加粗名目应用也短长常多的,譬如段落栏目题目、文章标题、必要文段短句,也梗概使用。

Css名目代码:

font-weight:bold

font-weight &mdash;&mdash; 粗体名堂单词
bold &mdash;&mdash; 加粗

用CSS格局加粗实例代码:

Css代码:

.cu{ font-weight:bold}

Html代码:

这里我使用css来<span class="cu">加粗形式</span>。

成果截图

残缺的HTML与CSS两种方法粗体加粗代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>笔墨加粗实例 css5</title>
<style>
.cu{ font-weight:bold}
</style>
</head>
<body>
欢迎来到CSS5学习<b>HTML结构</b>。<br />
根蒂根基加实践方式学会<strong>前端组织</strong>。<br />
这里我运用css来<span class="cu">加粗形式</span>。<br>
HTML直接标签内应用<span style="font-weight:bold">style配置</span>css加粗。
</body>
</html>

以上就是“html中怎么用css设置文字粗体样式”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。