前端项目开发-07_CSS属性-文本.pdf

CSS属性-文本

王红元coderwhy

目录

content1text-decoration

2text-transform

3text-indent

4text-align(重要)

5word/letter-spacing

coderwhyCSS属性–text-decoration(常用)

◼text-decoration用于设置文字的装饰线

decoration是装饰/装饰品的意思;

◼text-decoration有如下常见取值:

none：无任何装饰线

✓可以去除a元素默认的下划线

underline：下划线

overline：上划线

line-through：中划线（删除线）

◼a元素有下划线的本质是被添加了text-decoration属性

coderwhytext-transform(一般)

◼text-transform用于设置文字的大小写转换

Transform单词是使变形/变换(形变);

◼text-transform有几个常见的值:

capitalize：(使…首字母大写,资本化的意思)将每个单词的首字符变为大写

uppercase：(大写字母)将每个单词的所有字符变为大写

lowercase：(小写字母)将每个单词的所有字符变为小写

none：没有任何影响

◼实际开发中用JavaScript代码转化的更多.

coderwhytext-indent(一般)

◼text-indent用于设置第一行内容的缩进

◼text-indent:2em;刚好是缩进2个文字

coderwhytext-align(重要)

◼text-align:直接翻译过来设置文本的对齐方式;

◼MDN:定义行内内容（例如文字）如何相对它的块父元素对齐;

◼常用的值

left：左对齐

right：右对齐

center：正中间显示

justify：两端对齐

◼W3C中的解释:

coderwhyletter-spacing、word-spacing(一般)

◼letter-spacing、word-spacing分别用于设置字母、单词之间的间距

默认是0，可以设置为负数