css设置粗体的方法

这篇文章将为大家详细讲解有关css设置粗体的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、成都响应式网站建设公司、程序开发、网站优化、微网站、微信小程序等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的网站设计、成都网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

在css中,可以使用“font-weight”属性设置粗体,只需要给元素设置“font-weight:bold|700”样式即可。font-weight属性设置文本的粗细,数字值700等价于bold,当值为bold时,表示定义粗体字符。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

新建一个HTML页面,并添加HTML结构,然后在body区域添加字体,注意放在一个div里面。


枯藤老树昏鸦

接下来就可以在CSS中用font-weight进行加粗设置了,只需要设置bold就可以了。

运行页面以后就可以看到字体被加粗了

css设置粗体的方法

另外font-weight还可以被设置为从100到900的数值,数字越大越粗。

当font-weight被设置为100的时候,字体是最细的

css设置粗体的方法

最后当font-weight被设置为900的时候是最粗的

css设置粗体的方法

关于“css设置粗体的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


当前题目:css设置粗体的方法
本文来源:http://scjbc.cn/article/jgshsd.html

其他资讯