css样式粗体,字体粗细css
用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”的字体变粗。
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
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
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对象内文字字体加粗
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
本文标题:css样式粗体,字体粗细css
网页网址:http://ybzwz.com/article/phchis.html