首页 > web前端 > css教程 > 正文

CSS的font-weight怎么使用

php中世界最好的语言
发布: 2017-11-22 13:24:07
原创
2513人浏览过

如果我们需要对一段字体进行加粗,除了上次说的h标签,还有什么方法呢?今天就教大家怎样用css操作font-weight

CSS 加粗这里指的是通过DIV CSS控制对象的加粗。

使用CSS属性单词

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手册中的font-weight手册。

Html常规加粗标签

以前html直接对对象加粗的标签如下:

两者效果相同。

加粗实例,代码如下:

 <strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>
登录后复制

我未被加粗

CSS 加粗基础技巧实例

CSS 代码:

 .yangshi1{ font-weight:bold}

.yangshi2{ font-weight:800}

Div html代码:

 我被加粗

我也被加粗了

我未被加粗

CSS 加粗结果演示:

这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

总结与推荐:

1、在html对对象直接加粗可以用对其加粗

2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。

CSS操作font-weight的方法就这么多,有需要的朋友可以保存一下,也请大家持续关注本站的其他更新

相关阅读:

CSS里怎么清除浮动


用CSS来操作border的小技巧


链接样式怎么用CSS设置

以上就是CSS的font-weight怎么使用的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
相关标签:
css
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号