今日学习摘要

• 文字相关设置

1. 颜色color
2. 文字的大小font-size 单位（px常用 em rem pt）

浏览器默认文字大小是16px  默认1em=1rem=16px 9pt =12px

1. 是否加粗font-weight：normal不加粗 bold加粗 bolder更粗
2. 是否倾斜font-style:normal 不倾斜 italic倾斜 oblique倾斜度大一些
3. 字体font-family

如果是汉字需要添加引号 font-family:”楷体”

如果是由一个英文单词组成的字体不需要添加引号  font-family:arial;

如果有一组英文单词组成的字体需要添加引号 font-family: "times new roman";

可以同时为一个元素设置多个字体，中间用逗号隔开，系统将优先解析第一个字体，如果系统中不存在第一个字体那么继续向下寻找第二个，第二个不存在继续寻找三个...如果都不存在则按照系统默认字体去解析

1. 将小写字母变成小型的大写字母font-variant:small-caps;
2. 行高line-height

设置文字行与行的间距  不加单位代表文字大小的倍数

如果行高的值与元素的高度相同可以实现单行文本垂直方向的居中

1. 缩写font：font-weight font-style font-variant font-size/line-height font-family
2. 常用缩写 font:font-size/line-height font-family(三者缺一不可)

• 文本相关设置

1. 文本修饰text-decoration

None 没有线  underline 下划线  overline上划线  line-through删除线

1. 首行缩进text-indent （可以设置负值）

首行缩进两个字text-indent:2em;

1. 字符间距letter-spacing（可以设置负值）
2. 词间距word-spacing（可以设置负值）
3. 中英文大小写text-transform

Capitalize 首字母大写

Lowercase 全部小写

Uppercase 全部大写

1. 水平对齐方式text-align

Left 左（默认值）  center 居中  right右  justify两端对齐（针对英文单词生效）

1. 垂直对齐方式vertical-align（目前只有img支持此属性）

Top 上 middle 中  bottom 下  baseline基线（默认值）

此属性可以解决img向下撑大3像素的问题 值不能为baseline

1. 文本的阴影text-shadow（css3.0低版本不支持）

值 水平偏移  垂直偏移  模糊半径 阴影颜色

可以同时设置多个阴影颜色用逗号隔开