Wedding Dresses Outlet

昨天博百优css介绍了doctype和浏览器模式基础知识，今天要进入相对要开始实操的知识介绍了—可视化格式模型需要掌握的三个重要CSS概念是：浮动（float），定位（position）和框模型（box model）。今天首先接受框模型：

一、基本情况

框模型就是指定元素如何显示以及如何相互交互。这个框由元素的内容、padding、border和margin来组成的。如下图：

padding是出现在内容区域的周围。如果在元素上面添加背景，那么背景会应用于由内容和填充组成的区域。博百优认为这个还是很容易理解的。所以我们往往狐疑在内容周围创建一个隔离带，让内容和北京不会混在一起。

在CSS中width和height标识内容区域的宽度和高度。曾加填充、边框和空白边不会影响内容区域的尺寸，但会增加元素框的总尺寸。假设框的每个边上有10个像素的空白边和5个像素的填充，如果希望这个框达到100个像素宽，就需要将内容的宽度设置为70像素。难道你还不明白为什么吗？因为框是四个方向的，那么比如如果你上边的空白边像素是10+5个填充像素，那么你上边空出来的距离就是15个像素，对吧？同样道理，你下边也必须要腾出15个像素出来对吧？两个边腾出来的空间加起来就是30个像素，所以就需要70个像素咯，这还是很容易理解的。

#cubiczd{

margin:10px;

padding:5px;

width:70px;

}