DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置

html-css011

DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置,第1张

一、使用html 加粗标签

使用b标签或strong标签即可对文字粗体。

1、分别对应语法如下:

<b></b>

<strong><strong>

2、应用案例

1)、html案例完整代码(可以拷贝测试):

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> </head> <body> 我是正常字体<br /> <b>我被b粗体</b><br /> <strong>我被strong粗体</strong> </body> </html>

二、使用CSS样式实现文字粗体显示   -   TOP

div+css布局中,使用css样式实现文字字体粗体比较多的,只需要对对象设置一个粗体样式属性即可实现文本粗体,又称为css文字粗体。

1、css粗体样式基础

1)、单词与介绍

font-weight,值为可以为从100到900,和bold,最常用font-weight的值为bold,也是所有浏览器均兼容。

2)、css 粗体语法:

div{font-weight:bold}

这样就让所有div对象内文字字体加粗

CSS字体加粗的方法:

font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体。

例如:

html:

<p>字体加粗</p>

css:

p{

font-weight:blod

}

css中font样式常用的使用方法:

font-style:规定字体样式

font-weight:规定字体粗细

font-family:规定字体系列

两种方法给字体加粗,一种就是直接用<b>标签,例如 : <b>粗</b>

或者用css添加样式  <div style="font-weight: bold">加粗 </div>

可以用的值有下面这些。400 等同于 normal,而 700 等同于 bold。

normal   默认值

bold   定义粗体字符

bolder   定义更粗的字符

lighter   定义更细的字符

100

200

300

400

500

600

700

800

900