width和height是指内容区域的宽度和高度，增加内边距、边框和外边距不影响内容区域。IE的盒模型IE6的width属性是内容、内边距、边框的宽度总和外边距叠加当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。只有普通文档流中块框的垂直外...
分类：
其他好文 时间：
2014-10-30 22:25:55
阅读次数：
213
盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同，则可以省掉：margin:1px;//四个方向的边距相同，等同于margin:1...
分类：
Web程序 时间：
2014-10-26 16:45:10
阅读次数：
175
我们都知道，一个元素框的大小是由元素内容+内边距+边框+外边距来决定的。 关于内边距padding，内边距呈现了元素的背景，其设置值是不可以为负的。 而对于外边距margin，默认为透明，设置值可以为负，其实这也就是所谓的负边距。 下面我们来分析一下margin负边距的原理。 首先我们...
分类：
Web程序 时间：
2014-10-24 00:18:30
阅读次数：
235
我们经常会看到CSS样式属性中外边距margin和内边距padding的各种用法，这里做一个小结，但只简单介绍margin，因为它们的用法大同小异。方法一、margin:10px; //4个外边距都是10px方法二、margin:10px 20px; //上下外边距10px，左右外边距20px方.....
分类：
其他好文 时间：
2014-10-23 20:36:57
阅读次数：
145
以下引用自w3schoolclear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，...
分类：
Web程序 时间：
2014-10-22 14:20:01
阅读次数：
239
写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下marg...
分类：
其他好文 时间：
2014-10-22 08:42:14
阅读次数：
278
BFC：即块级格式上下文；在创建BFC的情况下，则所属的作用环境就变成了一个独立的布局环境。在BFC中，盒子从顶端开始垂直地一个接一个地排列，两个盒子之间的垂直的间隙是由他们的margin 值所决定的。在一个BFC中，两个相邻的块级盒子的垂直外边距会产生折叠。在BFC中，每一个盒子的左外边缘（mar...
分类：
其他好文 时间：
2014-10-13 18:10:01
阅读次数：
168
看下图： css框模型(Box Model)，也有叫做盒模型的。规定了元素框处理元素内容、内边距、边框和外边距的方式。 element元素，也是内容的主体； padding内边距，也右称为填充的； border边框； margin外边距。 元素框的最内部分是实际的内容，直...
分类：
Web程序 时间：
2014-10-10 01:56:13
阅读次数：
274
重点内容:负外边距，绝对垂直居中，box拓展点：设置inline-block,使元素居中1.实现文字居中对齐 水平居中：text-align:center 垂直居中：设置line-height和height一样2.实现元素居中对齐使用元素定位，并移动元素方法1：负外边距法（兼容IE）原理：使用绝对定...
分类：
Web程序 时间：
2014-10-09 22:43:37
阅读次数：
192
什么是盒子模型？答：盒子模型是实现页面的基础布局。与CSS中的盒子模型的概念类似，CSS将网页中所有的元素都看成一个个盒子。盒子模型有哪些属性？答：border（边框）、（padding）内边距、（margin）外边距。盒子模型属性值有哪些？border属性：border-color（边框颜色）bord..
分类：
Web程序 时间：
2014-10-09 03:27:08
阅读次数：
296
