• 技术文章 >web前端 >前端问答

    在css文件中字体加粗属性为什么

    青灯夜游青灯夜游2021-12-10 12:52:30原创360

    在css文件中,字体加粗属性为“font-weight”,该属性可设置字体文本的粗细程度,当属性值设置为“bold”时可定义粗体字符,设置为“bolder”时可定义更粗的字符。

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

    在css文件中,字体加粗属性为“font-weight”。

    font-weight 属性可设置文本的粗细,支持多种属性值:

    描述
    normal默认值。定义标准的字符。
    bold定义粗体字符。
    bolder定义更粗的字符。
    lighter定义更细的字符。
    • 100
    • 200
    • 300
    • 400
    • 500
    • 600
    • 700
    • 800
    • 900
    定义由细到粗的字符。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>

    1.png

    (学习视频分享:css视频教程

    以上就是在css文件中字体加粗属性为什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:CSS的overflow是什么意思 下一篇:如何解决node 400报错问题
    千万级数据并发解决方案

    相关文章推荐

    • css怎样隐藏光标• css3怎样实现鼠标悬浮停止动画效果• css样式中有文字描边吗• css怎样设置链接点击后的颜色• 设置元素绝对定位使用的CSS属性是什么
    1/1

    PHP中文网