文本格式化--文本属性、表格常用样式

1、文本对齐方式

text-align:center;
取值：left/center/right/justify justify两端对齐
注意：
1.一个元素写了text-align，控制的是内部的文本
2.这个元素自己想居中对齐，要使用margin:0 auto
3. text-align,对是行内元素的孩子，都生效
4.孩子如果是块级元素，只会继承 text-align。
而块级元素不会居中，块级元素居中， 要使用margin:0 auto

2、行高

line-height
取值：px为单位的数字
特性：如果行高的数值，大于字体的大小，那么该行文本将 在指定的行高内部，成垂直居中的方式显示
使用技巧:行高一般会设置成与容器高度相同的值，确保文字在容器垂直居中显示
如果文字发生折行，不建议使用行高做垂直居中

3、文本的线条修饰

text-decoration:

取值：
1.none 默认值，无线条
2.underline 下划线
3.overline 上划线
4.line-through 删除线
项目中用的最多的，a标签，去除下划线
text-decoration:none；

4、首行缩进

text-indent:

取值：以px为单位的数字

5、文本阴影

text-shadow:0px 0px 0px #0ff;

text-shadow:h-shadow v-shadow blur color
h-shadow 水平偏移
v-shadow 垂直偏移
blur 模糊距离
color 阴影颜色

6、表格常用样式

①td/th(tr不单独设置)
尺寸、边框、背景、文字、文本内边距都会起作用
外边距无效
vertical-align:设置单元格内部文本的垂直对齐方式
取值：top/middle/bottom

总结：vertical-align:对tr td th生效，对table无效
②表格的特有属性–边框的合并和分离
border-collapse:
取值：
separate，默认值，边框分离状态
collapse 边框合并状态
③边框的边距
border-spacing:5px 20px; x距离 y距离

前提：边框属于分离状态 border-collapse: separate状态
④设置表格的显示规则
table-layout:
取值：auto 默认值，自动表格布局，
td的大小以内容和尺寸较大的那个为准
fixed 固定表格布局
td的大小就以尺寸为准