📜  CSS |文本格式(1)

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

CSS 文本格式

CSS 是一种用于描述文档样式的语言。通过 CSS,我们可以控制文本格式,包括字体、大小、颜色等。在本文中,我们将重点介绍 CSS 中与文本格式有关的属性。

字体

在 CSS 中,我们可以通过 font-family 属性来设置字体。例如,下面的代码将文本字体设置为 Arial:

body {
  font-family: Arial, sans-serif;
}

在设置字体时,我们可以指定多个备选字体名,以逗号分隔。如果指定的第一个字体不可用,浏览器会尝试使用备选字体。

此外,我们还可以通过 font-size 属性来设置文本的大小。例如,下面的代码将文本大小设置为 16 像素:

body {
  font-size: 16px;
}
颜色

CSS 中通过 color 属性来设置文本的颜色。例如,下面的代码将文本颜色设置为红色:

body {
  color: red;
}

我们可以使用多种方式来指定颜色,包括颜色名称、十六进制值、RGB 值等。

对齐方式

在 CSS 中,我们可以通过 text-align 属性来控制文本的对齐方式。例如,下面的代码将文本水平居中:

body {
  text-align: center;
}

此外,我们还可以通过 vertical-align 属性来控制文本的垂直对齐方式。

行高

行高是指文本行与行之间的距离。在 CSS 中,我们可以通过 line-height 属性来设置行高。例如,下面的代码将行高设置为 1.5:

body {
  line-height: 1.5;
}
字间距和字母间距

在 CSS 中,我们可以通过 letter-spacing 属性来设置字母间距,通过 word-spacing 属性来设置单词间距。例如,下面的代码将字母间距设置为 2 像素:

body {
  letter-spacing: 2px;
}
文本装饰

在 CSS 中,我们可以通过 text-decoration 属性来设置文本装饰效果,例如下划线、删除线等。例如,下面的代码将文本下划线加粗:

body {
  text-decoration: underline bold;
}

以上就是 CSS 中与文本格式有关的一些属性。希望本文能够帮助你更好地掌握 CSS,让你的网页更加美观。