一、盒子模型 标准盒子模型 从下图可以看到标准 w3c 盒子模型的范围包括 content、padding、border、margin，并且 content 部分不包含其他部分。 怪异盒子模型 从下图可以看到 ie 盒子模型的范围也包括 margin、border ...

一、CSS盒子模型 　　HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 　　盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 　　需要 ...

写在前面的话： css3盒子布局，可以更简单直观的均分页面某一个div，并且还可以达到均分后的每一个元素中的内容上下居中、左右居中，但是该模型对浏览器的版本有要求： { display: -webkit-box; /* Firefox 30+，Chrome 4+, Safari ...

一、基础属性 盒子模型：将HTML页面中的元素看作是一个矩形盒子，也就是一个盛装内容的容器。每个元素都由元素的内容（content）、内边距(Padding)、外边距(Margin)和边框(Border)组成 不同部分的说明： content(内容)：盒子的内容，显示文本和图像 ...

border-style的值： none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin： 垂直方向两个相邻元素都设置了 ...

　　所谓盒子模型（Box Model）就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距（padding）、边框（border）和外边距（margin）组成。 　　所有的文档元素（标签）都会生成一个矩形框，我们成为元素框 ...

CSS盒子模型（上） 盒子模型（Box Model）是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法，才能真正地控制好页面中的各个元素。 所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。 一般来说这些被占据的空间往往都要 ...

盒子模型 盒子模型四个关键字：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。 一、概念 1、 概念 盒子的概念就好比你现在网上买了一个苹果手机，那么新手机肯定是放在一个盒子里给你寄来。 那么这苹果 ...