重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
一、使用html 加粗标签
创新互联建站公司2013年成立,先为琼结等服务建站,琼结等地企业,进行企业商务咨询服务。为琼结企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
使用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 加粗使用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
!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字体加粗的方法:
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
Css和html标签加粗本质效果没有区别,都是对文字字体内容进行加粗粗体显示。一个是通过css样式扩展,一个直接对文字内容用加粗标签进行文字加粗。
css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的,解决方法为:
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签创建一行文字,用于测试。
3、在test.html文件内,给div标签添加一个class属性,属性值为title。
4、在test.html文件内,编写style type="text/css"/style标签,页面的css样式将写在该标签内。
5、在css标签内,通过class设置div的样式,定义其font-weight属性为bolder,即可实现加粗,同时,使用font-size属性设置文字的大小为20px。