当前位置: 主页 > 网站建设 > CSS 字体样式

CSS 字体样式

时间:2022-01-04 来源:未知网络 作者:996建站网

本节我们来讲字体样式,之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定没有我们通过 CSS 中的样式来的方便。

接下来我们会给大家介绍下面这几个属性的使用:

CSS 字体样式插图

通过学习上述这几个 CSS 属性,我们可以实现给 HTML 中的文字设置字体、大小、风格、倾斜、加粗等。

font-family

font-family 属性用于设置一个元素的字体,字体就是像宋体、楷体等。

通过 font-family 属性,可以同时声明多种字体,字体之间使用逗号分隔。根据字体的调用原则,会优先调用第一种字体,如果没有找到,则会尝试调用下一个字体,如果都找不到则调用默认字体。

示例:

例如为下面这个 <p> 标签中的文本设置字体:

<p>Hello,侠课岛</p>

CSS 字体样式插图1

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序