static : 无特殊定位，对象遵循HTML定位规则absolute : 将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框relative : 对象不可层叠，但将依据left，ri...
分类：
其他好文 时间：
2015-09-10 15:56:22
阅读次数：
137
目标：实现照片墙布局和鼠标经过图片时的动画效果涉及知识点：CSS3的动画、过渡、变形（缩放），绝对定位与相对定位疑点：绝对定位与相对定位对页面元素显示层次的影响参考极客学院布道师iwen的课程源码——html部分： ...
分类：
Web程序 时间：
2015-09-10 13:08:45
阅读次数：
399
如何将一个绝对定位的div垂直居中对齐:建议:尽可能的手写代码，可以有效的提高学习效率和深度。在某些时候可能需要将一个绝对定位的div在它的父对象中垂直居中对齐，可能用到的频率不是太高，但是偶尔也会用到，下面就简单介绍一下如何实现此功能。在通常情况下，可以为元素添加margin:0px auto即可...
分类：
其他好文 时间：
2015-09-08 13:49:16
阅读次数：
225
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构： 垂直居中css:.box1{ display: ta...
分类：
移动开发 时间：
2015-09-05 23:36:39
阅读次数：
225
查询上一记录skip -1 *相对定位 指针向上移动一条记录if bof() *测试当前记录指针是否超出第一条记录 go top *绝对定位表的第一条记录endifthisform.refresh查询下一记录skip 1 *相对定位 指针向下移动一条记录if eof() *测试当前记录指针是否超出最...
分类：
其他好文 时间：
2015-09-04 14:12:34
阅读次数：
182
内联元素默认不能设宽高，其宽高由其内容自动撑开让内联元素具有宽高属性的几种方式1，给内联元素转换成块级元素或内联块级元素 block或inline-block2，让内联元素脱离文档流，比如绝对定位、固定定位或浮动span{width:3rem;height:100%;float:left;}
分类：
其他好文 时间：
2015-09-03 16:37:04
阅读次数：
156
这阵子在做一个web端项目中遇到一个问题，需要实现带箭头的选项卡点击可切换。起初没想太多，直接切一个向上的小箭头图片，外层div设置相同颜色的边框，再用相对定位和绝对定位。这种方法是可行的，但是因为手机和电脑的屏幕显示图片的画质细节不同，导致1px的边框比1px的切图实际粗很多，对于有强迫症的人来说...
分类：
Web程序 时间：
2015-09-01 18:26:55
阅读次数：
268
若已知父元素的宽高，设置相对定位子元素若高度300px，设置绝对定位，top:50% margin-top:-150px（子元素高度的一半）； 元素居中 .a{ width:800px; height:600px; position:relative; ...
分类：
其他好文 时间：
2015-09-01 16:49:55
阅读次数：
115
1.一列布局 需掌握常规流..块级元素..margin属性 主要分为头部,内容和底部.通过调margin来布局.2.横向两列布局需掌握float..margin..块级元素主要通过浮动之后来定位,要注意浮动过的元素排版问题.3.绝对定位需掌握position..float..块级元素主要通过绝对定位...
分类：
Web程序 时间：
2015-08-31 21:39:20
阅读次数：
126
