十二、CSS之控制BOX

　　样式表规定容器BOX，将储存一个对象的所有可操作的样式。包括对象本身、边框空白、对象边框、对象间隙四个方面。如下图所示：
　　

　　
　　1．边框空白(margin-top)　位于BOX模型的最外层，包括四项属性。 格式：
　　margin-top：顶部空白距离、margin-right：右边空白距离、margin-bottom：底部空白距离、margin-left：左边空白距离。
　　空白的距离用带长度单位的数字表示。如果使用属性的简化方式margin，可以在其后连续加上四个带长度单位的数字，来分别表示margin-top、margin-right、margin-bottom、margin-left，每个数字中间要用空格分隔。

　　2．对象边框(border)　位于边框空白和对象空隙之间，包括了七项属性。 格式：
　　border-top：顶边框宽度、border-right：右边框宽度、border-bottom：底边框宽度、border-left：左边框宽度、
　　border-width：所有边框宽度、border-color：边框颜色、border-style：边框样式参数。
　　技窍：其中border-width可以一次性设置所有边框宽度，border-color同时设置四面边框颜色时，可以连续写上四种颜色，并用空格分隔，顺序同上。

　　Border-style　包括了多个边框样式的参数：none：无边框、dotted：边框为点线、dashed：边框为长短线、solid：边框为实线、double：边框为双线、groove：根据color属性显示不同效果的3D边框、ridge：根据color属性显示不同效果的3D边框、inset：根据color属性显示不同效果的3D边框、outset：根据color属性显示不同效果的3D边框。(此内容为暂时选学)

　　3、对象间隙(padding-top)　位于对象边框和对象之间，包括了四项属性。 格式： ｝
　　padding-top：顶部间隙、padding-right：右边间隙、padding-bottom：底部间隙、padding-left：左边间隙。
　　相关设置同margin。

　　第六课时也比较容易地消化了，希望下一堂课不会太难！