摘要： sublime与webstorm的比较： webstorm真心很强大，强大到能够几乎满足所有前端开发者编程的需求，方便的快捷键操作、代码提示、浏览器查看、工程管理、历史记录（可以找到之前编辑的内容，即使把文件删掉，类似svn、git），各种主题风格，与webstorm相比，sublime更像是刚买回 阅读全文

摘要： 1.定义 行高:两行文字baseline(基线)之间的距离 示意图： 2.为何line-height可以让单行文本垂直居中 其实并没有垂直居中，除非将font-size:0; 3.line-height的高度原理（可以先看看行内盒子的原理） * 行内元素的高度是line-height决定的，而不是由 阅读全文

摘要： 我们知道通过锚点技术可以实现页面内容的定位，如果我们把这些内容放置在一个容器中，看看我们能做什么。 艾玛，选项卡、轮播，有木有，瞬间有种蛋碎的赶脚，以前写个选项卡，破轮播，费了多大的劲儿呀，现在，你只需几行代码甚至是不写js就能实现该功能，sorry，有点自我陶醉了，表废话啦，请上车，现在就带你飞. 阅读全文

摘要： 1.如果overflow-x与overflow-y值不同 其中一个赋值为visiable,另一个赋值scroll/auto/hidden,那么visiable会重置为auto 2.overflow:visible妙用 IE7下，文字越多，按钮两侧的padding留白就越大！-bug 解决办法:<bu 阅读全文

摘要： 居中思想可以由很多方式实现，这篇文章采用absolute实现：由传统方式开始到absolute独立使用方式 方式一：传统方式，父容器relateive，子元素absolute，然后left:50%,再margin-left:-width/2 方式二：独立使用 absolute 一 方式三：独立使用 阅读全文

摘要： 说明：传统的做法是给外部盒子relative定位，再给弹出框absolute定位，而这里我们将absolute独立使用 html css javascript 阅读全文

摘要： 要实现如图的布局，我最先想到是将header与footer绝对定位，但是发现在移动端会出现bug，经查资料发现用absolute实现整体布局非常好，还挺简单的。 阅读全文

摘要： 1.absolute与float的相同的特性表现 a.包裹性 b.破坏性:父元素没有设置高或宽，父元素的高或宽取决于这个元素的内容 c.不能同时存在 2.absolute独立使用，不与relative合用 * 超越overflow，无论是滚动还是隐藏 案例： html css * 将元素设置abso 阅读全文

摘要： 1.float的历史 初衷是为了图片的文字环绕，将img设置float 2.破坏性与包裹性 a.父元素没有设置高度，内部元素浮动后，服务元素的高度被破坏了，可以将其父元素设置overflow:hidden; 记住:这不是bug，这是标准，特性使然（初衷就是为了文字环绕，如果高度不塌陷，下面面的文字怎 阅读全文

摘要： 1.relative是自身定位，距原本位置的偏移 2.无侵入布局: 挪动位置，原本位置还在占据，并不会影响其他元素的布局 应用: 实现鼠标拖拽，比自身api好用 3.top/bottom 和 left/right对立属性同时存在时: relative: 斗争 - 只有一个能存在，无视bottom、r 阅读全文