1、字体样式和文本样式的区别:
1、字体样式针对的是“文字本身”的形体效果。文本样式针对的是“整个段落”的排版效果。
2、字体样式注重个体,文本样式注重整体。
2、在CSS中如何大致上对字体样式和文本样式进行区分?
可以通过相关的属性前缀的"font"和"text"来大致对字体样式和文本样式进行区分。
3、文本样式属性
文本样式的属性
| 属性 | 说明 |
|---|
| text-indent | 首行缩进 |
| text-align | 水平对齐 |
| text-decoration | 文本修饰 |
| text-transform | 大小写转换 |
| line-height | 行高 |
| letter-spacing、word-spacing | 字母间距、词间距 |
4、水平对齐:text-align
text-align属性取值
| 属性值 | 说明 |
|---|
| left | 左对齐(默认) |
| center | 居中对齐 |
| right | 右对齐 |
5、文本修饰:text-decoration
text-decoration属性取值
| 属性值 | 说明 |
|---|
| none | 去除所有的划线效果(默认值) |
| underline | 下划线 |
| line-through | 中划线 |
| overline | 顶划线 |
6、大小写:text-transform
text-transform属性取值
| 属性值 | 说明 |
|---|
| none | 无转换(默认值) |
| uppercase | 转换为大写 |
| lowercase | 转换为小写 |
| capitalize | 只将每个英文单词首字母转换为大写 |