字体样式

在网页中将字体分成5大类：
serif（衬线字体）
sans-serif（非衬线字体）
monospace （等宽字体）
cursive （草书字体）
fantasy （虚幻字体）
可以将字体设置为这些大的分类，浏览器会自动选择指定的字体，并应用样式一般会将字体的大分类，指定为font-family中的最后一个字体
设置字体颜色，使用color来设置文字的颜色
通过font-family可以指定文字的字体当采用某种字体时，如果浏览器支持则使用该字体，如果字体不支持，则使用默认字体该样式可以同时指定多个字体，多个字体之间使用“,”分开，当采用多个字体时，浏览器会优先使用前边的字体，如果前边没有，再尝试下一个
行间距
使用line-height来设置行高
行间距 = 行高 - 字体大小
通过设置line-height可以间接的设置行高
可以接收的值：
1.直接接收一个大小
2.可以指定一个百分数，则会相对于字体去计算行高
3.可以直接传一个数值，则行高会设置字体大小相应的倍数
对于单行文本来说，可以将行高设置为和父元素的高度一致，这样可以是单行文本在父元素中垂直居中
盒模型
使用width来设置盒子内容区的宽度
使用height来设置盒子内容区的高度
用background-color来设置背景颜色
设置边框
要为一个元素设置边框必须指定三个样式
border-width:边框的宽度
border-color:边框颜色
border-style:边框的样式
border-width如果指定了4个值，则这四个值按照顺时针来排序
border-xxx-color设置边框颜色
设置边框的样式
可选值：
none，默认值，没有边框
solid 实线
dotted 点状边框
dashed 虚线
double 双线
内边距
内边距（padding），指的是盒子的内容区与盒子边框之间的距离，一共有四个方向：
padding-top
padding-right
padding-bottom
padding-left
外边距
外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置
盒子有四个方向的外边距：
margin-top 上
margin-right 右
margin-bottom 下
margin-left 左