序上次的提到了H5移动前端完美布局之－margin百分比的使用margin-top（left,right,bottom）的百分比在移动页面布局中对上下左右距离的处理，攻下城外再攘城内今天看看padding在页面布局中所发挥的的作用。背景在平时的开发中我们可能会遇到说一个150*150正方形的块，或者...
分类：
移动开发 时间：
2015-10-23 13:33:51
阅读次数：
288
.inner-table { tbody{ tr:nth-child(odd) { background-color: #ffffff; } tr:nth-child(even) { background-color: #f9f9f9; } }...
分类：
其他好文 时间：
2015-10-22 16:56:09
阅读次数：
976
hack：父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。无标题文档 demo注意box...
分类：
Web程序 时间：
2015-10-14 11:45:13
阅读次数：
181
margin的位移方向是指margin数值为正值时候的情形，如果是负值则位移方向相反。 如上图所示：黄色子元素盒的margin-top，margin-left为负值时，如-10px，则黄色子元素盒向上（向左）移动，越过相邻元素10px；黄色子元素盒的margin-right，margin-bo...
分类：
Web程序 时间：
2015-10-12 15:48:32
阅读次数：
183
块级元素和行内元素的区别1、块级元素可以设置宽度和高度属性，而行内元素不行；2、块级元素：display:block; 而行内元素：display:inline;3、块级元素可以设置margin、padding，而行内元素水平方向margin-left、margin-right、padding-left和padding-right可以有效，竖直方向上的margin-top、margin-botto...
分类：
其他好文 时间：
2015-10-11 21:38:49
阅读次数：
219
一、常用属性1、Height:设置DIV的高度；Width:设置DIV的宽度。2、margin:用于设置DIV的外延边距，也就是到父容器的距离。margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；margin: [top][right][bottom][left]可以分别设置：ma...
分类：
其他好文 时间：
2015-10-01 15:18:17
阅读次数：
150
padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；top:10px;是指容器本身的顶部距离页面的顶端有10个像素。padding和margin的区别可以简单的理解...
分类：
Web程序 时间：
2015-09-30 19:27:15
阅读次数：
164
为什么设置的margin-top属性不管用:建议:尽可能的手写代码，可以有效的提高学习效率和深度。有时候大家可能会遇到奇怪的现象，尽管没有任何的语法错误，但是设置的margin-top属性不会起作用，下面就就结合代码实例介绍一下产生此现象的原因和解决方法。原因一:外边距合并margin-top属性失...
分类：
其他好文 时间：
2015-09-24 00:52:41
阅读次数：
146
ie7兼容 *zoom:1;*display:inline;对齐方式 vertical-align: top;margin-top: 23px;缺点 会产生4px的间距
分类：
其他好文 时间：
2015-09-18 10:27:13
阅读次数：
155
