prpjava2011的专栏

本文由白牙根据Steven Bradley的《How Well Do You Understand CSS Positioning?》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.vanseodesign.com/css/css-positioning/，以及作者相关信息 ——作者：Steven Br

1、页边距 IE默认为10px，通过body的margin属性设置。 FF默认为8px,通过body的padding属性设置。 要清除页边距，一般应同时清除这两个属性值： body{     padding:0; /* 清除非IE浏览器页边距 */     margin:0; /* 清除IE浏览器页边距 */ } 2、段间距 IE默认为10px，通过p的margin-top、ma

1. 某些浏览器下元素层级遮盖存在bug; 2. 某个元素z-index设的太大，导致始终无法被遮盖; 3. js动态计算z-index，导致元素覆盖关系部可控 层级遮盖bug出现的原因： IE6/7对z-index的表现跟IE8及以上浏览器不一致。position值为非static时，如果不设置z-index属性，IE6/7下z-index默认为0，而IE8及

不使用 position 这种情况下每一层都遵循 HTML 定位规则,其中的 left,right,top,bottom 定位信息对其无效,z-index 也不会发挥作用因为没有层叠的情况出现. 2. 使用 absolute 如两个绝对定位对象的 z-index 属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠. 2.1 未使用 z-index 这种情况

css3动画兼容性（@keyframes）：         IE10+，Firefox，Opera    支持@keyframes 规则         Chrome Safari           需要前缀 -webkit-@keyframes         注释：Internet Explorer 9，以及更早的版本，不支持 @keyframe 规则或 animation 属性

移动设备的基础知识: 1 ios设备： px：物理,分辨率相关，硬件设备。分辨率越大显示的细节越丰富。 pt：逻辑，连接物理和软件的中介。pt,point ppi：每英寸px的数量 ，视网膜屏是ppi超过300的屏幕，iphone4开始 1.1 苹果设备以及分辨率 设备 屏幕尺寸 分辨率(pt) Reader