CSS(1)——文本属性
04 CSS属性——文本
1.text-decoration(常用)
text-decoration用于设置文字的装饰线,decoration是装饰/装饰品的意思,可以用color前景色修改颜色
- text-decoration有如下常见取值:
- none:无任何装饰线,可以去除a元素默认的下划线
- underline:下划线
- overline:上划线
- line-through:中划线(删除线)
- a元素有下划线的本质是被添加了text-decoration属性
2.text-transform(一般)
text-transform用于设置文字的大小写转换,text-transform有几个常见的值:
- capitalize:(使…首字母大写, 资本化的意思)将每个单词的首字符变为大写
- uppercase:(大写字母)将每个单词的所有字符变为大写
- lowercase:(小写字母)将每个单词的所有字符变为小写
- none:没有任何影响
实际开发中用JavaScript代码转化的更多.
3.text-indent(一般)
text-indent用于设置第一行内容的缩进,text-indent: 2em 刚好是缩进2个文字,写死px不适配文字大小的改变。
4.text-align(重要)
text-align: 负责行内级元素(例如文字/图片)的对齐方式。
常用的值
- left:左对齐
- right:右对齐
- center:正中间显示
- justify:两端对齐(不常用)
对于块级元素如果也想要居中
- 可以在style中设置display:inline-block;设置为行内级。
- 可以使用自身的对齐方式,在style中设置margin:0 auto;
(text-align-last用来单独设置最后一行的对齐方式)
5.letter-spacing、word-spacing(一般)
letter-spacing、word-spacing分别用于设置字母、单词之间的间距,默认是0,可以设置为负数
浙公网安备 33010602011771号