一、背景设置
1、width：宽；
2、height：高；
3、background：背景；
a、背景色：
background-color：颜色值 英文单词／十六进制（＃AA55AA）／rgb；
b、背景图：
background-image：url("图片路径")；
c、背景图平铺：
background-repeat：repeat/no-repeat/repeat-x/repeat-y；
d、背景图定位：
background-position：第一个值（X轴的位置）第二个值（Y轴的位置）；
第一个值：left/center/right/50px;
第二个值：top/center/bottom/60px;
e、复合写法：
background: color image position repeat;
f、背景图滚动：
background-attachment:fixed;
温馨提示：css3样式，不兼容；
二、边框设置
1、复合写法：
border: border-width border-style border-color;
上：border-top、右：border-right、下：border-bottom、左：border-left;
2、边框宽度：
border-width:15px；
上：border-top-width、右：border-right-width、下：border-bottom-width、左：border-left-width;
3、 边框样式：
border-style:solid/dashed/dotted (点线IE6不认)；
上：border-top-style、右：border-right-style、下：border-bottom-style、左：border-left-style;
4、边框颜色：
border-color: 英文字母／十六进制／rgb;
上：border-top-color、右：border-right-color、下：border-bottom-color、左：border-left-color;
5、圆角：
border-radius:25px;
6、透明：transparent;
background-color: transparent;
border: 50px solid transparent;
三、内边距设置
padding:内填充；
padding-top:上；
padding-right:右；
padding-bottom:下；
padding-left:左；
复合写法：
padding:10px；一个值代表上下左右内边距都是10px;
padding:10px 20px；两个值，第一个值代表上下内边距是10px，第二个值代表左右内边距是20px;
padding:10px 20px 30px；三个值，第一个值代表上内边距是10px，第二个值代表左右内边距是20px，第三个值代表下内边距是30px;
padding:10px 20px 30px 40px；四个值，第一个值代表上内边距是10px，第二个值代表右内边距是20px，第三个值代表下内边距是30px，第四个值代表左内边距是40px;
四、外边距设置(写法同padding)
margin:内填充；
margin-top:上；
margin-right:右；
margin-bottom:下；
margin-left:左；
复合写法：
margin:10px；一个值代表上下左右内边距都是10px;
margin:10px 20px；两个值，第一个值代表上下内边距是10px，第二个值代表左右内边距是20px;
margin:10px 20px 30px；三个值，第一个值代表上内边距是10px，第二个值代表左右内边距是20px，第三个值代表下内边距是30px;
margin:10px 20px 30px 40px；四个值，第一个值代表上内边距是10px，第二个值代表右内边距是20px，第三个值代表下内边距是30px，第四个值代表左内边距是40px;
margin特性：
1、第一个子级的margin-top会在特定的情况下穿透父级；
规避方法：
a、给父级加边框；
b、给父级加overflow:hidden;
c、不要用margin-top,父级用padding-top;
2、兄弟关系的margin-top和margin-bottom会叠压；
四、盒模型
空间大小：
盒子的总宽度：border-left+padding-left+width+padding-right+border-right;
盒子的总高度：border-top+padding-top+height+padding-bottom+border-bottom;
位置：margin;
