| color | 文本颜色 | - 颜色关键字(如 red) - 十六进制(如 #ff0000) - RGB/RGBA(如 rgb(255,0,0)) - HSL/HSLA(如 hsl(0, 100%, 50%)) - transparent(透明) - currentcolor(继承文本颜色) - inherit(继承父元素) - initial(重置为默认值) - unset(重置为默认或继承) - revert(恢复浏览器默认) | p { color: #333; }:设置段落文本为深灰色。 |
| text-align | 水平对齐 | - left(默认左对齐) - right(右对齐) - center(居中对齐) - justify(两端对齐) - start(智能左对齐/右对齐) - end(智能右对齐/左对齐) - inherit(继承父元素) | div { text-align: center; }:使文本在容器内水平居中。 |
| text-decoration | 装饰效果 | - none(默认无装饰) - underline(下划线) - overline(上划线) - line-through(删除线) | a { text-decoration: none; }:移除链接的默认下划线。 |
| text-transform | 大小写转换 | - none(默认无转换) - capitalize(首字母大写) - uppercase(全大写) - lowercase(全小写) - full-width(全角字符) - full-size-kana(全角片假名) - initial(默认值) - inherit(继承父元素) - unset(重置为默认或继承) - revert(恢复浏览器默认) | h1 { text-transform: uppercase; }:将标题文本转换为大写。 |
| line-height | 行高 | - 数值(如 1.5 表示字体大小的 1.5 倍) - 固定值(如 24px) | p { line-height: 1.6; }:设置段落行高为字体大小的 1.6 倍。 |
| text-shadow | 阴影效果 | - 语法:h-shadow v-shadow blur color(如 2px 2px 4px rgba(0,0,0,0.5)) | h2 { text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }:为标题添加阴影。 |
| font-weight | 字体粗细 | - normal(默认) - bold(粗体) - bolder(更粗) - lighter(更细) - 数值(100-900) | p { font-weight: bold; }:使文本显示为粗体。 |
| font-family | 字体系列 | - 字体名称(如 "Times") - 通用字体(如 serif) - 多字体回退(如 "Arial", sans-serif) | body { font-family: "Arial", sans-serif; }:优先使用 Arial,否则使用无衬线字体。 |
| font-size | 字体大小 | - 关键字(如 small) - 固定值(如 16px) - 相对值(如 1.2em) | h2 { font-size: 20px; }:设置标题大小为 20 像素。 |
| font-style | 字体样式 | - normal(默认) - italic(斜体) - oblique(倾斜) | span { font-style: italic; }:使文本显示为斜体。 |
| word-spacing | 单词间距 | - normal(默认) - 长度值(如 2px) | p { word-spacing: 2px; }:增加单词间的间距。 |
| letter-spacing | 字符间距 | - normal(默认) - 长度值(如 1px) | span { letter-spacing: 1px; }:增加字符间的间距。 |
| text-indent | 首行缩进 | - 长度值(如 20px) | p { text-indent: 20px; }:使段落首行缩进 20 像素。 |
| text-overflow | 溢出处理 | - clip(裁剪) - ellipsis(省略号) - fade(渐隐) | div { text-overflow: ellipsis; }:当文本溢出时显示省略号。 |