来源：http://www.cnblogs.com/happygx/archive/2011/03/12/1982080.html DOM编程 DOM入门 ?DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编 ...
分类：
其他好文 时间：
2016-11-23 12:21:03
阅读次数：
262
在网页布局中，以前只考虑了两列、三列的布局方式，但是没有过多的去考虑在两列、三列布局的情况下实现某些自适应的情况；今天遇到这个问题，在这里mark一下； 方法一：左侧元素浮动或者绝对定位的方式脱离文档流，让两个块级元素能够在同一行显示。然后margin-left的值设置为左侧元素的宽度；在这里利用了 ...
分类：
Web程序 时间：
2016-11-22 11:33:36
阅读次数：
363
什么是css盒子模型（Box Model）？ W3C中解释为：规定了元素框处理元素内容、内边距、边框和外边距的方式； MDN：文档中的每个元素被描绘为矩形盒子。渲染引擎的目的就是判定大小，属性——比如它的颜色、背景、边框方面——及这些盒子的位置。 背景会应用于元素内容、内边距、边框三者组成的区域； ...
分类：
Web程序 时间：
2016-11-21 18:26:22
阅读次数：
291
1. 从中间往两边散发：父元素设置相对定位；子元素设置绝对定位；设置子元素高度（有值）和设置宽度（0）来确定上下border。置子元素高度（0）和设置宽度（有值）来确定左右border。 <li> <i class="before"></i> <i class="after"></i> </li> ...
分类：
其他好文 时间：
2016-11-21 08:02:45
阅读次数：
249
一. margin百分比 1. 普通元素的百分比margin都是相对于容器的宽度计算 2. 绝对定位元素的百分比margin是相对于第一个定位祖先元素（relative/absolute/fixed）的宽度计算 这是在默认的 writing-mode: horizontal-tb; 和 direct ...
分类：
其他好文 时间：
2016-11-20 19:31:58
阅读次数：
173
上一篇中我们学习了html的标准文档流，下面我们先来看看如何脱离标准流。脱离标准流css中一共有三种方法脱离标准流
浮动
绝对定位
固定定位
浮动我们要搞清楚什么是浮动，先来看一个标准文档流的例子
...
分类：
Web程序 时间：
2016-11-18 23:23:24
阅读次数：
545
通过设置新的css3新属性translateX来代替传统的绝对定位改变left值的动画原理，新属性translateX会开启浏览器自带的gpu硬件加速动画性能，提高流畅度从而提高用户体验， 代码有很详细的注释，先上代码 js代码部分 最后说明一下开启gpu加速会导致设备耗电量增加 ...
分类：
移动开发 时间：
2016-11-15 16:34:18
阅读次数：
301
关于HTML中，绝对定位，相对定位的理解...（学习HTML过程中的小记录） 作者：王可利（Star·星星） HTML中 相对定位：position:relative; 绝对定位：position:absolut; 1.相对定位（div与div之间的关系） body 标签其实就是一个大的盒子，在bo ...
分类：
Web程序 时间：
2016-11-15 14:13:40
阅读次数：
167
让一个层水平垂直居中是一个非常常见的布局方式，但在html中水平居中使用margin:0px auto;可以实现，但垂直居中使用外边距是无法达到效果的。（页面设置height:100%;是无效的），这里使用绝对定位+负外边距的方式来实现垂直居中，但同时要考虑页面重置大小的情况，需要使用js来修正。 ...
分类：
其他好文 时间：
2016-11-15 00:51:17
阅读次数：
217
