通常我们布局时候考虑标签作用, 有时也考虑搜索引擎优化, 对文字字体加上加粗标签 (html b 加粗或 HTML strong 加粗) 后, 但有时不需要字体的粗体样式, 那么如何去掉? 如何让字体不加粗? 下面本篇文章就来给大家介绍一下.
下面我们来看看去掉字体粗体样式的方法.
在 CSS 中可以使用 font-weight:normal 样式来去掉字体粗体样式, 让字体不加粗.
font-weight 属性设置文本的粗细, 设置值为 normal 来定义标准的字符.
去掉 < b > 加粗和 < strong > 加粗标签样式的方法:
- b{
- font-weight:normal
- }
- strong{
- font-weight:normal
- }
示例:
- <DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8" />
- <style>
- .box b{font-weight:normal} .box strong{font-weight:normal}
- </style>
- </head>
- <body>
- <div>
- 欢迎来到
- < b>
- HTML 中文网
- </b>
- !! 网址:
- <strong>
- https://www.html.cn/
- </strong>
- </div>
- <br />
- <div class="box">
- 欢迎来到
- < b>
- HTML 中文网
- </b>
- !! 网址:
- <strong>
- https://www.html.cn/
- </strong>
- </div>
- </body>
- </HTML>
效果图:
拓展:
一般来说前端加粗字体的方法有两种, 一个是 HTML 标签 (<b>,<strong>) 加粗的方法; 另一个是 CSS 加粗字体的方法, 使用的也是 font-weight 属性.
font-weight 属性用于设置显示元素的文本中所用的字体加粗. 数字值 400 相当于 关键字 normal,700 等价于 bold. 每个数字值对应的字体加粗必须至少与下一个最小数字一样细, 而且至少与下一个最大数字一样粗.
更多 web 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16687.html