- font-weight: 指定文本的粗细,值范围从 100(最轻)到 900(最重)。
- font-variant: 设置文本的字体变体,例如小写、大写或加粗。
- text-decoration: 添加文本修饰,例如下划线、删除线或上划线。
- text-shadow: 在文本周围添加阴影效果。
修饰
- font-family: 指定文本使用的字体系列。
- font-size: 设置文本的大小。
- font-style: 设置文本的样式,例如斜体或斜杠。
- text-align: 对齐文本,使其靠左对齐、居中对齐或靠右对齐。
对齐
- text-align: 控制文本的水平对齐方式。
- text-indent: 设置文本的首行缩进量。
- text-justify: 使文本的边缘对齐,无论是否有空格。
- line-height: 设置文本行的垂直间距。
示例
/* 强调 */
p {
font-weight: bold;
}
/* 修饰 */
h1 {
font-family: Verdana, sans-serif;
font-size: 2em;
}
/* 对齐 */
.center {
text-align: center;
}
其他重要属性
- direction: 设置文本的方向,例如从左到右或从右到左。
- letter-spacing: 设置文本中字符之间的间距。
- word-spacing: 设置文本中单词之间的间距。
- text-transform: 将文本转换为大写、小写或大写每个单词的首字母。
提示
- 使用 CSS 选择器(例如类或 ID)来针对特定文本元素。
- 实验不同的值以创建所需的文本效果。
- 考虑可读性和用户体验,谨慎使用文本效果。