h5 字体加粗_css 加粗字体

div css布局对文字字体加粗样式设置

无论平时word文档还是HTML网页布局都会遇到各种情况下字体加粗设置。

一、word文档加粗

word文档文字快捷加粗方法：

1、鼠标选中要加粗文字

2、快捷键“ctrl键 + B” ，按住“ctrl”键不放 再按“B”即可加粗文字

这样即可快速对word文档内文字快速加粗

以上是非网页相关加粗课外话题。

二、html标签直接加粗

html中常见有两种加粗标签，可以直接对字体进行加粗，无需CSS样式实现。

1、html b标签加粗

b加粗示例代码：

我被B标签加粗

html b标签字体加粗实例截图

2、html strong标签加粗

被加粗

strong加粗标签对字体加粗

三、CSS样式字体加粗

使用CSS加粗字体样式属性单词：font-weight

CSS代码

p{font-weight:bold}

对p标签内字体加粗

常见加粗实例应用，完整源代码：

加粗 实例 CSS5

.bold{ font-weight:bold}

本节是设置加粗，我被CSS加粗了

加粗实例截图

成功实现css 加粗实例截图

四、HTML DIV CSS网页布局中加粗方式选择

在网页布局中，如何选择加粗方式？是用HTML加粗标签(b或strong)还是使用CSS 样式加粗(font-weight:bold)呢？还是只是有CSS属性来加粗字体？

答案：根据需求选择合适加粗方式来对字体加粗。

1、在发布一篇文章中，出现需要加粗，这个时候我们可以采用html加粗标签(或)来快速实现。这样也算是SEO优化一部分。

2、在网页排版中，比如新闻列表、栏目名称排版、各种有规律或可能需要后期CSS改动来统一设置是否加粗等情况下我们就选择CSS 加粗属性(font-weight:bold)来实现。

3、不是学习了CSS就放弃原来HTML功能标签，有时还是按需使用，达到排版方便、代码简单、便于维护等多方面考虑来开发HTML。

作者：div css