共翁号
共翁号 > 知识 > 文字样式有哪些

文字样式有哪些

原创2025-08-09 11:38:56

文字样式在CSS中通常包括以下属性:

字体(font-family):

设置文本的字体系列,如宋体、黑体、微软雅黑等。

字体大小(font-size):

设置文本的尺寸,可以使用像素(px)、点(pt)、百分比(%)等单位。

字体样式(font-style):

设置文本是否为斜体,可选值有`normal`、`italic`、`oblique`。

字体粗细(font-weight):

设置文本的粗细程度,可选值有`normal`、`bold`、`bolder`、`lighter`、数值(100-900)。

字体大小写(font-variant):

设置文本的大小写形式,可选值有`normal`、`small-caps`。

行高(line-height):

设置文本行之间的垂直距离。

水平对齐(text-align):

设置文本的水平对齐方式,可选值有`left`、`right`、`center`、`justify`。

字体颜色(color):

设置文本的颜色,可以使用颜色名称、十六进制代码、RGB或RGBA值。

首行缩进(text-indent):

设置段落首行的缩进量。

字间隔(letter-spacing):

设置字符之间的间距。

词间隔(word-spacing):

设置单词之间的间距。

文本修饰(text-decoration):

设置文本的装饰效果,如删除线、下划线、上划线。

文本转换(text-transform):

设置文本的大小写转换,可选值有`capitalize`、`uppercase`、`lowercase`。

这些样式可以单独使用,也可以组合使用,以达到预期的文本效果。例如:

```css

p {

font-family: Arial, sans-serif;

font-size: 16px;

font-weight: 400;

font-style: italic;

color: 333;

line-height: 1.5;

text-align: center;

text-indent: 2em;

letter-spacing: 0.1em;

}

```

以上CSS代码将段落文本设置为Arial字体,大小为16px,斜体,深灰色,居中对齐,首行缩进2em,字符间距为0.1em

返回:知识

相关阅读