手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS教程:字体都有那些属性可以设置

时间:2024-10-14 11:24:38

1、新建一个HTML页面,命名为test.html,用于字体样式的设置。

CSS教程:字体都有那些属性可以设置

2、在test.html中,使用p标签定义一段文字,下面将对此段文字进行字体的设置。

CSS教程:字体都有那些属性可以设置

3、在CSS中,对字体的设置主要是通过font-family来设置,例如,下面两段文字,分别用了不同的字体显示。

CSS教程:字体都有那些属性可以设置
CSS教程:字体都有那些属性可以设置

4、在CSS中,主要通过 font-style来设置字体的风格,有三种风格:norma盟敢势袂l - 正常显示italic - 斜体显示oblique - 倾斜显示例如,下面例子实现斜体文字显示效果。

CSS教程:字体都有那些属性可以设置
CSS教程:字体都有那些属性可以设置

5、在CSS中,主要通过font-variant来设置字体变形,例如,下面实现了英文字体 的变形。

CSS教程:字体都有那些属性可以设置
CSS教程:字体都有那些属性可以设置

6、在CSS中,通过font-weight来设置字体的加粗,详细的设置如下表。例子中,将文本内容设置为粗体。

CSS教程:字体都有那些属性可以设置
CSS教程:字体都有那些属性可以设置
CSS教程:字体都有那些属性可以设置

7、在CSS中,通过font-size来设置字体的大小,字体的单位可以是px、em、rem。下面例子,设置字体的大小为20px

CSS教程:字体都有那些属性可以设置
CSS教程:字体都有那些属性可以设置
© 手抄报圈