爱疯的小疯子

Sublime Text3 个人使用心得

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

posted @ 2016-07-13 01:06 爱疯的小疯子阅读(11302) 评论(0) 推荐(3) 编辑

深入了解line-height

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

posted @ 2016-07-07 17:34 爱疯的小疯子阅读(301) 评论(0) 推荐(0) 编辑

overflow之锚点技术实现选项卡

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

posted @ 2016-07-07 15:32 爱疯的小疯子阅读(778) 评论(0) 推荐(0) 编辑

深入了解overflow

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

posted @ 2016-07-07 15:15 爱疯的小疯子阅读(690) 评论(0) 推荐(0) 编辑

absolute之实现居中的三种方式

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

posted @ 2016-07-07 14:10 爱疯的小疯子阅读(9918) 评论(0) 推荐(1) 编辑

absolute独立使用之下拉框最佳实践

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

posted @ 2016-07-07 13:43 爱疯的小疯子阅读(217) 评论(0) 推荐(0) 编辑

absolute之整体布局实现

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

posted @ 2016-07-07 10:33 爱疯的小疯子阅读(234) 评论(0) 推荐(0) 编辑

深入了解absolute

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

posted @ 2016-07-07 10:16 爱疯的小疯子阅读(353) 评论(0) 推荐(0) 编辑

深入了解float

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

posted @ 2016-06-22 15:55 爱疯的小疯子阅读(207) 评论(0) 推荐(0) 编辑

深入了解relative

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

posted @ 2016-06-22 15:51 爱疯的小疯子阅读(433) 评论(0) 推荐(0) 编辑