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 | 只将每个英文单词首字母转换为大写 |