第一章 css字体和文本样式
文字样式属性
字体：font-family
文字大小：font-size
文字颜色：font-color
文字粗细：font-weight
文字样式：font-style
font-family字体属性
定义元素内字体以什么字体来显示
语法：font-family:字体1,字体2,...
说明：
1. 含空格字体名和中文，用英文引号("")括起来
2. 多个字体，用英文","隔开
3. 引号嵌套，外使用双引号，内使用单引号
设置多个字体，使浏览器依次寻找字体进行使用，如果一个都没有就使用浏览器默认字体
font-family属性值：具体字体名，字体集(字体装饰效果)
字体集：
- Serif
- Sans-serif
- Monospace
- Cursive
- Fantasy
text-align属性
设置元素内文本的水平对齐方式
语法：text-align:left|right|center|justify
注：该属性对块级元素设置有效 外加块级元素，比如用<div>包住元素
vertical-align属性
设置元素内容的垂直方式
语法：vertical-align:baseline |sub |super |top |text-top|middle |bottom |text-bottom |长度 |百分比
对行列元素有效，同时可以对单元格进行对齐设置
font-size文字大小
定义元素内文字大小 语法：font-size:绝对单位|相对单位
font-size:绝对单位
不能随浏览器分辨率或父元素大小的改变而改变
font-size:相对单位
- px像素
- em /%
受显示器分辨率影响，手机端一般不使用
em 和 % 都是针对父元素
color文字颜色
定义元素内文字颜色
语法：color:颜色名 | 十六进制 | RGB
font-weight文字粗细
为元素内文字设置粗细
语法：font-weight: normal |bold| bolder|lighter| 100~900
说明：
- 默认值：normal
- 400等同于normal,700等同于bold
font-style文字样式
为元素内文字设置样式
语法：font-style：normal | italic | oblique
italic是使用文字的斜体
oblique是让没有斜体属性的文字倾斜
font-variant字体变形
设置元素中文本为小型大写字母
语法：font-variant:normal|small-caps
文本样式
text-align
设置元素内文本的水平对齐方式
语法：text-align: left| right| center| justify
注：只对块型元素有效，对行列标签设置无效，对无效
外加块级元素，比如用<div>包住元素
vertical-align垂直方式
设置元素内容的垂直方式
语法：vertical-align:baseline |sub |super |top |text-top|middle |bottom |text-bottom |长度 |百分比
对行列元素有效，同时可以对单元格进行对齐设置
多行文字垂直居中
line-height行高属性
设置元素中文本行高（可以继承，继承的是计算后的值）
语法：line-height：长度值|百分比
text-indent：首行缩进（eg：2em）
用px定义行高时，当行高值大于字体大小时，字体会发生重叠，这说明，当字体大小改变时，行高并不随之改变 ，故可以使用em和%来设置行高，设置值为em和%时，与字体大小有关系，例如本标签内字体大小为 30px，line-height="1.3em;"时，行高为 39px。
| 字体属性 | 说明 |
|---|---|
| word-spacing | 元素内单词（以空格为准）之间间距 |
| letter-spacing | 元素内字母（每个字符）之间间距 |
| text-transform | 文本的大小写:capitalize（首字母大写),uppercase（大写), lowercase（小写）,none |
| text-decoration | 文本的装饰:underline（下划线）,overline（上划线）, line-through（删除线） ,blink（闪烁）, none |
系统以空格来评判英文单词和中文，若中文之间有空格则也会改变间距，属性值可以设置为正也可以设置为负，负值的结果字母会重叠
应用
