下面的代码演示了如何为元素设置加粗字体样式:
<style>
/* 全局样式 */
body {
font-weight: normal; /* 设置正常字体 */
}
/* 局部样式 */
.bold-text {
font-weight: bold; /* 设置加粗字体 */
}
</style>
<p>这是一段普通的文字</p>
<p class="bold-text">这是一段加粗的文字</p>
在上面的代码中,大家首先设置了全局样式,将网页字体设置为正常字体。接下来,大家使用了.bold-text
类为某个元素设置加粗字体样式,实现局部样式的设置。
需要注意的是,font-weight
属性并不支持原生数值的设置,只能使用预定义的值:normal(正常字体)、bold(加粗字体)、bolder(更粗的字体)或lighter(更细的字体),如果需要自定义字体加粗程度,需要使用第三方库或手动创建加粗字体文件。
总之,使用CSS的font-weight
属性,大家可以很容易地为站点的各个元素设置加粗字体样式,实现重点内容的突出显示。