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,可以设置为负数

posted @ 2025-04-18 10:42  卡卡max  阅读(32)  评论(0)    收藏  举报