盒子模型=网页布局的基石 ，由4部分组成：

边框（border）
外边距（margin）
内边距（padding）
盒子中的内容（content）

二个属性值：（上/下、左/右）
三个属性值：（上、左/右、下）
一个属性值：四个方向相同

吉米的书图片排版

样式表方式：
外部样式
内部样式
行内样式

<style type="text/css">
*{margin:0;padding:0}
.content{border:4px solid #badbad;padding:44px 15px 15px;width:770px;}
.book{background:(url(images/t_book.gif) no-repeat #eff9f9;}
img{margin:10px 18px;border:1px solid #b1adad;}
</style>

盒子模型尺寸：边框+外边距+内边距+盒子中的内容尺寸

盒子模型