📜  字体样式 css (1)

📅  最后修改于: 2023-12-03 15:39:01.532000             🧑  作者: Mango

字体样式 CSS

CSS (Cascading Style Sheets) 是一种用于定义 web 页面样式和布局的语言,可以灵活地控制字体样式,包括字号、颜色、粗细、字体等。

字体族

在 CSS 中,字体族是用于在字体家族中选择字体的名称。如下例:

font-family: Arial, Helvetica, sans-serif;

在这个例子中,Arial 是首选字体,但如果用户没有安装 Arial 字体,则会选择 Helvetica。最后,如果 Helvetica 字体也不可用,则会选择计算机中默认的 sans-serif 字体家族。

常见的字体家族有:

  • serif:例如 Times New Roman、Georgia等;
  • sans-serif:例如 Arial、Helvetica等;
  • monospace:例如 Courier New、Consolas等。
p {
  font-family:  "Times New Roman", Times, serif;
}
字体大小

CSS 中使用 font-size 属性为文本设置字体大小。可以使用绝对和相对的长度单位来定义字体大小。

p {
  font-size: 16px;
}
字体样式

使用 font-style 属性可以改变字体的样式,有三个值可选:normal(默认值)、italic(斜体)和 oblique(倾斜)。

p {
  font-style: italic;
}
字体粗细

使用 font-weight 属性可以设置字体的粗细。取值为 100(最轻)到 900(最重),还可以使用关键字 normal(默认值)和 bold。

p {
  font-weight: bold;
}
字体颜色

使用 color 属性可以设置文本的颜色,使用 CSS 颜色值或 RGB 值等。

p {
  color: #ff0000;
}
文本对齐

CSS 中使用 text-align 属性对文本进行对齐设置。可选值为 left(默认值)、rignt、center 和 justify。

p {
  text-align: center;
}
文本装饰

使用 text-decoration 属性可以添加或去除文本的装饰,例如下划线、删除线等。取值有 underline、overline、line-through、none(删除所有装饰)等。

p {
  text-decoration: underline;
}

以上就是字体样式 CSS 的介绍,欢迎学习和使用。