一、样式
1、字体样式
color 为字体指定颜色 ，取值如下：
颜色的英文单词：white、RGB值rgb(255,255,255)、RGBA值rgba(255,255,255,0.5)、16进制值#ffffff
font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体，取值如下：
2、通用字体
• serif :有衬线的字体,笔画结尾有特殊的装饰线或衬线
• sans-serif :无衬线的字体，笔画结尾是平滑的字体
• monospace :等宽字体，用于代码，字体中每个字宽度相同
• cursive :草书，这种字体有的有连笔，有的还有特殊的斜体效果。
• fantasy :装饰字体 ，具有特殊艺术效果的字体
3、font-size 为文字指定大小，取值如下：
类似于16px、20px、30px
4、text-align 文字排列方式，取值如下：
center:居中对齐、left：靠左对齐、right：靠右对齐
text-transform 设置或者取消字体改变，取值如下：
none :防止任何改变 、uppercase: 将文本转换为大写 、lowercase: 将文本转换为小写 、capitalize: 将所有单词第一个字母转换为大写 、 full-width: 转换为类似于一个等宽字体
text-decoration 设置或者取消文本修饰，取值如下：
none : 取消所有文本修饰 、underline : 为文本添加下划线 、 overline : 为文本添加上划线 、 line-through : 为文本添加删除线
text-shadows 设置或者取消文本阴影，语法：text-shadow:h-shadow v-shadow blur color; 取值如下：
none : 取消所有阴影
h-shadow : 必需。水平阴影的位置。允许负值。
v-shadow : 必需。垂直阴影的位置。允许负值。
blur : 可选。模糊的距离。
color : 可选。阴影的颜色。参阅 CSS 颜色值。
二、盒子
width: 盒子内容宽度
height: 盒子内容高度
border: 边框
padding: 内边距
margin: 外边距
内容区域：
内容宽 = width
内容高 = height
实际占有区域：
实际占有宽度 = width + padding * 2 + border * 2
实际占有高度 = height + padding * 2 + border * 2