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来设置字体的风格,有三种风格:normal - 正常显示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教程:字体都有那些属性可以设置
  • 打工者如何提高工作能力
  • kindle 如何刷多看系统
  • 斑秃擦生姜正确方法
  • 2019鹤壁最新限行限号规定 鹤壁春节限行限号
  • Word2010统计字数快捷键及方法介绍
  • 热门搜索
    健康小报手抄报 三节三爱手抄报内容 三月三手抄报图片大全 卫生健康手抄报 小学生手抄报怎么做 以书为友手抄报 家乡手抄报 最简单的手抄报 古诗手抄报内容 四季手抄报