CSS —— 文本属性

没有简写形式！

常用属性：

color颜色

• 值：颜色变量 十六进制数 rgb rgba
• 可继承、可动画

color: blue;
color: transparent;		透明
color: #e84234;
color: rgb(233, 68, 54);
color: rgba(233, 68, 54, 0);

text-indent缩进：

• 常用单位：em % px
• em相对父盒子的字号，%是相对于当前盒子的宽
• 适用于块级元素、可继承、可动画

text-indent: 2em;
text-indent: 50%;
text-indent: 20px;

text-align横向对齐

• 值：left center right，start end文本和父盒子框对齐起始或末尾对齐（因为有些语言从右往左书写），justify两端对齐（两端都和父盒子框对齐）
• 适用于块级盒子，可继承，不可动画

text-align: center;
text-align: start;
text-align: justify;

text-align-last

• 对齐方式同样有：left center right start end justify
• 只作用在最后一行文本，适用于块级元素、可继承

text-align-last: right;

line-height 行高

• 行高定义：指相邻两行的基线间的距离
• 适用于所有元素、可继承、可动画
• 可用px em rem % 倍数等表示

line-height: 1.5;	相当于当前盒子的字号，等效于150%
line-height: 14px;

vertical-align纵向对齐

• 只适用于行内元素，不继承、长度值和百分比表示时才可动画
• 值：baseline 默认基线对齐
  middle、bottom、text-bottom、sub、top、text-top、super
  百分数 相对行高，正表示抬高、负表示下沉
  长度值 同理

vertical-align: middle;		只适用于行内元素

text-decoration文本装饰

• 适用于所有元素，不可继承，不可动画
• 值：
  none
  undeline 下划线
  overline 上划线
  line-through 中划线

text-decoration: underline;

text-shadow文本阴影

• 适用于所有元素，不可继承，不可动画
  语法：
  text-shadow: 颜色 x偏移 y偏移 模糊半径

text-shadow: blue 2px 5px 10px;

word-spacing单词间距

• 适用于所有元素，可继承，可动画，值可正可负，默认normal（即0）
  如：word-spacing: 0.5em;

其他属性：

letter-spacing字符间距

• 适用于所有元素，可继承，可动画，值可正可负，默认为normal（即0）
  如：letter-spacing: 0.5em;

text-transform文本转换

• 适用于所有元素，可继承，不可动画
  值：
  uppercase 大写
  lowercase 小写
  capitalize 单词首字母大写

text-rendering文本渲染效果

• 用于显示文本时优先考虑的方面
  值：
  默认auto
  optimizeSpeed 显示速度
  optimizeLegibility 显示清晰度

white-space空白处理：

• 适用于块级元素，不可继承，不可动画
  值：
  normal 默认压缩空白
  pre 原样保留空白
  nowrap 禁止换行，除非用
  换行
  pre-line 空白折叠，换行保留
  pre-wrap 空白保留，但换行正常

tab-size制表符宽度：

• 适用于块级元素，可继承，可动画
  默认8个空格

word-break断字：

• 适用于所有元素，可继承，可动画
  值：
  默认normal 单词之间换行
  break-all
  keep-all

line-break断行：

• 值：normal loose strict

overflow-wrap文本换行

  normal         正常在单词之间换行
  break-word     可以在单词内部换行

write-mode书写模式

text-orientation文本方向

• 适用于除表格外的所有元素，可继承，可动画
• 值：
  mixed 横向书写的字符侧排，纵向书写的字符直排
  pright 所有字符都直排
  sideways 所有字符都侧排