颜色的单位
red，green，blue为三原色，简称rgb（r，g，b）
0（最小数值）—255（最大数值） ； 0%—100%
还可以使用十六进制
00—ff（十六进制ff=255）；比如ff0000就是红色
ff0000=f00
如果两位相同就可以简写，但是两位不相同，不可以简写。
字体的样式
font-family:字体样式列如：微软雅黑
字体的分类
serif（衬线字体）
sans-serif（非衬线字体）
monospace （等宽字体）
cursive （草书字体）
fantasy （虚幻字体）
字体的其他样式
font-style:italic; 字体斜体，italic:指定斜体 norwal：指定非斜体
font-weight: bold; 设置粗体
font-variant: small-caps; 字体属性
优先级：斜体，字体高度，字体属性属于平级。
字号一定要写在字体大小前面
行间距
行间距= 行高 - 字号
p{
line-height: 30px; 行高度是30像素
font-size: 20px 字体大小是20像素
} 所以行间距= 30 - 20 ，所以行间距是10像素
文本的样式
大小写化
text-transform 样式用于将元素中的字母全都变成大写
text-transform:uppercase 大写
text-tansform:lowercase 小写
text-transform:capitalize 首字母大写
text-transform:none 正常化
文本修饰
text-decoration属性，用来给文本添加各 种修饰。
underline 文本上方加线条
overline 文本下方加线条
line-through 文本中间加线条，删除线
none 不加任何东西，或取消线条
字母间距和单词间距
letter-spacing 字符之间的间距。
word-spacing 单词之间的间距。
对齐文本和首行缩进
text-align用于设置文本的对齐方式。
left：左对齐
right：右对齐
justify：两边对齐
center：居中对齐
盒子模型
“在网页中，一切皆为盒子”
内容区(content)
内边距(padding)
边框(border)
外边距(margin)
可以用width和height两个属性设置内容区的大小，这两个属性只适用于块元素
边框
border-style 边框样式
none（没有边框）
dotted（点线）
dashed（虚线）
solid（实线）
double（双线）
groove（槽线）
ridge（脊线）
inset（凹边）
outset（凸边）
盒子的大小由内容区，内边距，边框决定
盒子的高，由内容区，上下内边距，上下边框决定
盒子的宽，由内容区，左右内边距，左右边框决定
margin:0 auto 可以使元素居中
内边距
width和height不包含padding的大小
用padding属性来设置元素的内边距
padding：10px 20px 30px 40px
为顺时针方向设置元素，上、右、下、左
