了解什么是网站样式css加粗代码
导读：这篇文章给大家介绍了“了解什么是网站样式css加粗代码”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“了解什么是网站样式css加粗代码”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧...
这篇文章给大家介绍了“了解什么是网站样式css加粗代码”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“了解什么是网站样式css加粗代码”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。网站样式css加粗代码是“文字元素{ font-weight: bold; } ”或“文字元素{ font-weight: bolder; } ”。font-weight属性用于设置文本的粗细，当该属性的值设置为“bold”时可定义粗体字符，设置为“bolder”时可定义更粗的字符；font-weight属性的值也可设置为数值“700”、“800”或“900”，这样也可实现文字加粗效果。
本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。
网站样式css加粗代码：
文字元素{
font-weight: bold;
}
文字元素{
font-weight: bolder;
}
用到的CSS属性为：字体加粗属性“font-weight”。
font-weight 属性可设置文本的粗细，支持多种属性值：
| 值 | 描述 |
|---|---|
| normal | 默认值。定义标准的字符，等于400。 |
| bold | 定义粗体字符，等于700。 |
| bolder | 定义更粗的字符。 |
| lighter | 定义更细的字符。 |
|
定义由细到粗的字符。400 等同于 normal，而 700 等同于 bold。 |
示例：四段文字设置不同的字体粗细
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>
css 文字加粗/title>
style>
p.normal {
font-weight: normal;
}
p.bold {
font-weight: bold;
}
p.bolder {
font-weight: bolder;
}
p.thicker {
font-weight: 900;
}
/style>
/head>
body>
p class="normal">
测试文本！/p>
p class="bold">
测试文本！/p>
p class="bolder">
测试文本！/p>
p class="thicker">
测试文本！/p>
/body>
/html>
说明：strong、b、h1~h6等标签的font-weight默认就是bold
以上就是关于“了解什么是网站样式css加粗代码”的介绍了，感谢各位的阅读，希望文本对大家有所帮助。如果想要了解更多知识，欢迎关注网络，小编每天都会为大家更新不同的知识。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 了解什么是网站样式css加粗代码
本文地址： https://pptw.com/jishu/652883.html