css(盒子模型）

css盒子模型初步理解：（‘css网站布局实录’84页）

从内到外依次为wideth，padding，border，margin。

1.wideth为div中css设置时制定的wideth，也是文本显示区。

2.margin为外边距，即border以外延伸的长度。

对于一个div，当wideth一定时，每增加一个盒子属性（padding。。。）就会在原来wideth的基础上往上叠加。比设置wideth：100px；然后设置padding：10px，div的实际宽度就会为100+10+10=120px；原来wideth不变；（具体看84页图）。