重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
CSS 加粗使用CSS属性单词font-weight:
创新互联建站主营乐业网站建设的网络公司,主营网站建设方案,成都APP应用开发,乐业h5小程序开发搭建,乐业网站营销推广欢迎乐业等地区企业咨询
例子:
.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
一、使用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样式表中字体加粗的属性是:“font-weight”。
语法:font-weight:normal | bold | bolder | lighter | integer
normal:正常的字体。相当于数字值400
bold:粗体。相当于数字值700。
bolder:定义比继承值更重的值(特粗体)
lighter:定义比继承值更轻的值(细体)
integer:用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
设置或检索对象中的文本字体的粗细。作用由客户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
扩展资料
CSS font 属性
在一个声明中设置所有字体属性:
p.ex2
{ font:italic bold 12px/20px arial,sans-serif; }
“font”简写属性在一个声明中设置所有字体属性。
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。
可以按顺序设置如下属性:
font-style
font-variant
font-weight
font-size/line-height
font-family
可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。
参考资料:百度百科-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
fontweight可以给css属性设置文本加粗。css中可使用fontweight属性设置文字加粗,只需要给元素添加fontweightboldbolder样式即可,值bold定义粗体字符,bolder定义更粗的字符。还可设置值为700、800或900来实现加粗即可。