1 text-decoration
text-decoration有如下常见取值:
- none:无任何装饰线 ✓ 可以去除a元素默认的下划线
- underline:下划线
- overline:上划线
- line-through:中划线(删除线)
a元素有下划线的本质是被添加了text-decoration属性
2 text-align(重要)
定义行内内容(例如文字)如何相对它的块父元素对齐;
常用的值
- left:左对齐(对于里面的文本,如果单行不满则右边空着)
- right:右对齐(对于里面的文本,如果单行不满则左边空着)
- center:正中间显示
- justify:两端对齐(效果如下)
注意:text-align 只能让 (子元素 && 行内级元素)居中,如:img或文本
3 text-indent
text-indent用于设置第一行内容的缩进
text-indent: 2em; 刚好是缩进2个文字
4 text-transform
text-transform用于设置文字的大小写转换
text-transform有几个常见的值:
- capitalize:(使…首字母大写, 资本化的意思)将每个单词的首字符变为大写
- uppercase:(大写字母)将每个单词的所有字符变为大写
- lowercase:(小写字母)将每个单词的所有字符变为小写
- none:没有任何影响
5 word/letter-spacing
letter-spacing、word-spacing分别用于设置字母、单词之间的间距
- 默认是0,可以设置为负数