基本信息
文件名称:前端项目开发-07_CSS属性-文本.pdf
文件大小:312.15 KB
总页数:7 页
更新时间:2025-03-25
总字数:约1.37千字
文档摘要

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