(一)盒模型
1.盒模型=内容content+内填充padding+边框border+外间距margin
2.width、height 不是指盒子的大小，而是内容contnt的大小
做页面的时候，一开始测量的是盒子的大小，但我们会直接设置成width、height。若之后才发现需要
添加padding、border,盒子会被撑大。为了保证盒子大小不变，width、height需要减去对应的值.
(二)padding
1.padding取值：遵循上右下左原则,缺省的值找反义词的值
2.padding-方位
3.注意； （1）padding不可以为负值；
(2) 背景会从padding的区域开始摆放，说明background-position:0 0;在padding的左上角。
(三)margin
1.margin取值：遵循上右下左原则，缺省的值找反义词的值
2.margin-方位
3注意: margin可以取负值
(四)页面
结构：
最外层 #qianfeng -每一层大盒子#id名-版心容器（专门放内容的.container）
页面链接css文件时，先链接到base.css,再单独链接到页面对应的css文件。
（base.css是公共部分样式） base.css 存在的意义:
1.清除默认样式
2.添加公共样式
3.添加页面公共部分
页面.css书写页面剩余部分的样式
(五)样式
1.清除默认样式
2.添加公共样式
版心容器{宽度1000、背景、居中}
3.书写页面样式
最外层宽度100%-每一层大容器｛宽度100%、高度背景色｝，每一层的版心容器｛高度跟随｝
注意：
1.h1最好是用背景图片 文本用text-indent隐藏
2.列表中，li（float:left;）,每个列表项的样式给a标签加，
a｛display:block;width:;height:;｝但是宽度不一致的情况下，a标签就不能设置具体宽度，由其字体个数决定width.一般此时的盒子大小应由各自内容的width+左右padding.
3.若容器内都是文本的，都添加｛line-height:;font-size:;color:;｝从有参照文本的那一段开始量.
4.列表悬停改变样式的话，建议鼠标悬停在li上，改变子元素a的样式，写法li:hover a
5.当父元素与子元素存在上间距，若子元素不存在浮动的情况，就给父元素加padding-top,而不要给第一个字元素加margin-top