css中的文本及表格

文本的格式

1. 改变字体的属性，
   指定字体也就是说使用那种样式的字体比如宋体、黑体之类的。
   属性为：fond-family
   取值为:黑体，宋体……
   如果取值中包含中文或特殊符号，最好是用""引号引住。

2. 字体大小设置
   属性：font-size
   取值为px或pt及em

3. 字体加粗*
   属性：font-weight
   取值：
   1.normal 正常体不加粗
   2.bold 设置为粗体
   3.400~900
   400为normal
   900为bold
   第三个取值之所以是数字，是因为我们在设置网内容时的加粗需要不同所以自行设置。在取值时需要整百的取

4. 小型大写字母
   此属性是针对英文字符的
   属性：font-variant
   取值为
   1.normal 不设置小型大写
   2.small-caps 设置小型大写
   表示出来的样式如图所示
   

5. 字体斜体
   属性为：font-style
   取值为
   1.normal 不设置斜体
   2.italic 设置为斜体

6. 字体属性
   这个字体属性表示的是简写
   属性：font
   取值：
   style/variant/weight/size/family
   取值为上面的属性 此属性只是集合起来简写但是使用此属性时必须设置family的值 否则无效

文本属性

1. 文本颜色
   属性：color
   取值为任意颜色
2. 文本排列方式
   指定当前元素内的文本，行内元素，行内块元素的水平对齐方式
   属性：text-align
   取值：left/center/right
3. 文字修饰
   作用指定文本的线条样式
   属性：text-decoration
   取值：
   1.none 没有线条显示
   2.underline 下划线
   3.overline 上划线
   4.line-through 删除线
4. 行高
   指定元素中一行数据的高度。如果行高的高度高于文字本身，便会呈现出垂直居中
   场合：
   1.控制一行文本垂直居中对齐
   2.控制行间距
   属性：line-height
   取值：以px单位的数值
5. 设置首行文本缩进
   属性：text-indent
   取值：所进的距离，以px为单位
6. 文本阴影
   属性：text-shadow
   取值： h-shadow v-shadow blur color ;
   h-shadow： 阴影的水平偏移距离，+ 右 偏移 ，- 左偏移
   v-shadow： 阴影的垂直偏移距离，+ 下 偏移 ，- 上偏移
   blur：模糊距离
   spread：阴影尺寸
   color：颜色

表格

表格常用属性
1.边距属性：padding
2.尺寸属性：width height
3.文本格式化属性
　 font- *
　 text-align/ color/ texte-indent
4.背景属性
　背景色，背景图，渐变
5.border属性
6.vertical-align
　 在单元格中设置文本的垂直对齐方式
　 取值：
　 top/bottom/middle
表格特有属性
1.边框合并
　属性：boredr-collapse
　取值：
　　1.separate 默认值 分离边框模式
　　2.collapse 边框合并效果
2.边框边距
　 作用：单元格之间的距离
　 属性：border-spacing
　 取值：
　 1.指定一个值
　　 表示单元格间水平和垂直间距是相同的
　 2.指定两个值
　　 第一个值：单元格间的水平间距
　　 第二个值：单元格间垂直间距
　　 注意：仅限于边框分离状态时使用
3.标题位置
　 属性：caption-side
　 取值
　 　 1.top 标题显示表格上
　　 2.bottom 标题显示表格下
4.显示规则
　 作用：指定表格布局方式 默认布局为 单元格宽度实际上是由内容决定的
　 属性：table-layout
　 取值：
　　 1.auto
　　 2.fixed
　　 固定表格布局 单元格宽度以设定的值为主 超出的文本会溢出
　 特点
　 1.自动布局
　 　 1.单元格会适应内容大小
　　 2.表格复杂时，加载速度慢
　　 3.在不确定每列大小时使用
　 2.固定布局
　　 1.单元格大小取决于td设定的值
　　 2.加载速度块 但不够灵活
　　 3.确定每列大小时，可以使用固定表格来布局