Element ui 表格行高紧凑

前言：cssText属性可定义文本的外观 比如文本的颜色 对齐文本 装饰文本  文本的缩进 行间距等。

---

目录

二.文本属性

1.文本颜色

效果展示：

2.文本的对齐

效果展示：

 3.装饰文本

效果展示：

4.文本缩进

效果展示：

5.行间距

 6.文本属性总结

本期期结束，我们下期再见！！！

---

二.文本属性

1.文本颜色

color属性用于定义文本颜色

语法：

div {
  color: red;
}

颜色的表示方式

表示	属性值
预定的颜色值	red green blue 等
十六进制	#000000  #330010等
RGB代码	rgb（255，0，0）等

        不需要记，开发中有提色器使用

效果展示：

---

2.文本的对齐

text-align属性定义元素内容的水平对齐

语法：

div {
  text-align: left;
}

一些基本属性：

属性值	解释
left	左对齐（默认）
right	右对齐
center	居中对齐

效果展示：

 3.装饰文本

text-decoration

语法：

div {
 text-decoration: none
}

常用属性值：

属性值	解释
none	默认，没有装饰
underline	下划线
overline	上划线
line-through	删除线
blink	闪烁文本

 重点记住添加下划线和删除下划线

效果展示：

---

4.文本缩进

text-indent 属性用来指定文本的第一行的缩进，通常是将段落首行缩进。

语法：

div {
  text-indent: 10px;
}

或

div {
  text-indent: 2em;
}

通过该属性，所有元素的第一行都可以缩进一个给定的长度，长度甚至可以去负值

em是一个相对单位，就是对当前元素（font-size）1个文字的大小，如果当前元素没有设置大小,则按照父元素的文字一样大

效果展示：

---

5.行间距

line-height 属性用于设置行间距（行高）

语法：

div {
  line-height: 26px;
}

行间距：

 6.文本属性总结

属性	表示	注意点
color	文本颜色	通常使用十六进制
text-align	文本对齐	是设置文本的水平对齐
text-indent	文本缩进	常用于字段首行缩进两个字节
text-decoration	文本修饰	记住加下划线underline 取消none
line-height	行高	控制行与行之间的距离

---

本期期结束，我们下期再见！！！