在 CSS 中,通过 text 相关的属性,你可以控制 HTML 元素中文本的样式。以下是一些常用的 CSS 文本样式属性:

1. 字体样式

1.1 font-family

用于设置文本的字体系列。可以指定一个字体族,或者提供多个字体名称作为备选,以确保浏览器能够选择合适的字体。
body {
  font-family: 'Arial', sans-serif;
}

1.2 font-size

设置文本的字体大小。
h1 {
  font-size: 24px;
}

2. 文本颜色

2.1 color

设置文本的颜色。
p {
  color: #333;
}

3. 文本样式

3.1 font-weight

设置文本的粗细。
strong {
  font-weight: bold;
}

3.2 font-style

设置文本的风格,如斜体。
em {
  font-style: italic;
}

3.3 text-decoration

设置文本的装饰,如下划线、删除线等。
a {
  text-decoration: underline;
}

4. 行高

4.1 line-height

设置文本行与行之间的高度。
p {
  line-height: 1.5;
}

5. 对齐

5.1 text-align

设置文本的水平对齐方式。
div {
  text-align: center;
}

5.2 vertical-align

设置内联元素的垂直对齐方式。
img {
  vertical-align: middle;
}

6. 裁剪文本

6.1 overflow

设置溢出文本的处理方式。
div {
  overflow: hidden;
}

6.2 white-space

设置如何处理元素内的空白。
p {
  white-space: nowrap; /* 不换行 */
}

这些是 CSS 中控制文本样式的一些基本属性。根据实际需求,你可以深入学习更多文本样式属性以及 CSS 中其他相关的样式属性。


转载请注明出处:http://www.zyzy.cn/article/detail/3996/CSS