gtxyzz

CSS字体样式

gtxyzz web技术 2022-07-05 810浏览 0

字体样式

font-style 属性主要用于指定斜体文本。

此属性可设置三个值:

  • normal - 文字正常显示

  • italic - 文本以斜体显示

  • oblique - 文本为“倾斜”(倾斜与斜体非常相似,但支持较少)

实例

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}


This is a paragraph.

This is a paragraph.

This is a paragraph.

This is a paragraph.

——————————————————————————————————————————————

字体粗细

font-weight 属性指定字体的粗细:

实例

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}


————————————————————————————

字体变体

font-variant 属性指定是否以 small-caps 字体(小型大写字母)显示文本。

在 small-caps 字体中,所有小写字母都将转换为大写字母。但是,转换后的大写字母的字体大小小于文本中原始大写字母的字体大小。

实例

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

My name is 94ip.

My name is 94ip.

转载请注明:IT运维空间 » web技术 » CSS字体样式

继续浏览有关 css 的文章
发表评论