css样式粗体,css字体加粗

css怎么加粗

CSS 加粗使用CSS属性单词font-weight：

例子：

.yangshi1{ font-weight:bold}

.yangshi2{ font-weight:600}

font-weight对象值：从100到900，最常用font-weight的值为bold

font-weight参数：

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+　特粗体

lighter : IE5+　细体

number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

相关问答

Q1: css样式表中字体加粗的属性是什么?

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

Q2: 用CSS如何让列表字体变粗？

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的script标签中，输入js代码：

$('td').click(function () {

$('td').css('font-weight', 'normal');

$(this).css('font-weight', 'bold');

});

3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。

4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。

Q3: CSS样式加粗怎么写？

!DOCTYPE html

html

head

meta charset="utf-8" /

titletest/title

style type="text/css"

ul.titlemenu {

margin: 0;

padding: 0;

}

li.titlemenu {

list-style-type: none;

text-align: center;

border-bottom: 1px #fff solid;

}

a {

font-weight: bolder;

font-size: 14px;

}

a.titlemenu:link,a.titlemenu:visited,a.titlemenu:active {

display: block;

color: #000;

background-color: #fff;

text-decoration: none;

line-height: 50px;

padding-left: 14px;

}

a.titlemenu:hover {

color: #fff;

text-decoration: none;

background-color: #3fa200;

line-height: 50px;

padding-left: 14px;

}

/style

!-- script type="text/javascript" src="../jquery-1.8.0.min.js"/script --

/head

body

ul class="titlemenu"

li class="titlemenu"a class="titlemenu"abc123你/a

/li

/ul

/body

/html

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

一、使用html 加粗标签

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

1、分别对应语法如下：

b/b

strongstrong

2、应用案例

1）、html案例完整代码（可以拷贝测试）：

!DOCTYPE html html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title粗体实现 DIVCSS5案例/title /head body 我是正常字体br / b我被b粗体/bbr / 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对象内文字字体加粗