大家应该都知道，如果元素没有格式化的高度值，子元素的height百分比高度是不起作用的，常见的就是height:100%无效，而宽度就没有此问题，所以，新人经常会提出的一个问题是：“为何我的div设置了height:100%却没有效果？”
不知道大家有没有思考过这样一个问题。
然后，有同行就提出了这么一个看似很合理的解释，就是，“假如父元素height:auto且没有其他格式化高度，子元素支持height:100%，则很可能会出现高度死循环”。
看似合理，实际上这种解释是表面的，错误的……
文章关键字 ‘animation’
从height:100%不支持聊聊CSS中的“死循环”
2016年09月16日，星期五等宽字体在web布局中应用以及CSS3 ch单位嘿嘿
2016年07月9日，星期六所谓等宽字体，一般是针对英文字体而言的。东亚字体，据我所知，应该都是等宽的，就是每个字符在同等size下占据的宽度是一样的。但是英文字体就不一定了，就难本文来说，我下面写一个单词，什么呢，就iMac吧，大家打开自己的像素眼，就会很明显地发现这个字符’i’要不其他字符，例如’M’占据的宽度要小.但是，如果是等宽字体，宽度就一样，那么这种表现在web布局中有没有什么作用呢？还有CSS3 ch单位和他又有什么千丝万缕的关系呢？
CSS或JS实现gif动态图片的停止与播放
2015年12月5日，星期六如题，本文介绍如何使用CSS或者JS等前端方法实现代码控制gif图片的暂停或者播放。一如既往，有demo有截图还有必要的源代码展示，更关键的是，本文gif比较多……
再说CSS3 animation实现点点点loading动画
2014年12月28日，星期日以前介绍过一种方法实现打点loading动画效果，但是那个方法不健壮，机缘巧合，让我重新思考有没有更好的方法。而本文分享的就是自己想到了2个全新的实现方法，兼容各大小浏览器。
本文不仅有demo，源代码展示，还特意制作了多种gif效果演示帮助理解，相信本文的内容会对你的工作有所帮助的！
超级强大的SVG SMIL animation动画详解
2014年08月31日，星期日本文详细介绍SVG SMIL animation动画。前半部分主要是效果体验，后半部分只要是参数示意。一定是目前国内最详尽讲解SVG SMIL animation动画的文章，没有之一。内容扎实，丰富的效果展示，大量的源码示意。相信一定会对您的学习有所帮助的。
CSS3实现鸡蛋饼饼图loading等待转转转
2014年04月25日，星期五今天，要实现一个长任务等待提示效果。然后设计师就把做好的gif效果图给我，就是下面这个，转转转等待提示效果。按照大众做法，我应该是把图片直接按图索骥，调调布局，然后早早回家抱老婆。
但是，我这个人，天生不安分守己。想到是用在客户端，客户端又是用的webkit内核，于是，立马决定使用CSS3来折腾一番……
纯CSS实现帅气的SVG路径描边动画效果
2014年04月8日，星期二本文属于简单实用的基础技术科普。有丰富的gif动画演示，有demo，有截图以及必要的源代码展示，还有官方文档释义。总之，希望本文的内容能够对您的学习有所帮助。
URL锚点HTML定位技术机制、应用与问题
2013年08月25日，星期日
关于锚点，我3年前就写过关于锚点跳转及jQuery下相关操作与插件，不过内容略浮躁，都是偏表象、偏基本应用层面的东西；这里还是关于锚点，探讨的内容可能更深层次一点。
我们可能就很简单地认为锚点定位的触发是通过点击事件。而实际上，这种顺势而然的理解类似于古人理解为太阳绕着地球转一样，是有失偏颇的。我个人认为，锚点的定位是通过……
长篇，内容丰富，干货较多，希望本文内容能够对您的学习有所帮助！
小tip: CSS3 animation渐进实现点点点等待提示效果
2013年06月9日，星期日一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学，为了追女神，下狠心，借了高利贷给女神买Mac. 结果，期限已到，要债的找上门，没办法，只能向身在“服务器端”的父母要钱。但是，要钱是要一定的过程和时间的。他必须想办法向要债的表明，钱正在过来的过程中，否则，可能要债的会认为你在忽悠，直接使大招——”Ctrl+W”，瞬间灭了你，眼不见心不烦。
如果告知钱正在过来的过程中呢？
有人可能如下处理，弄个转转转的小图片告诉要债的，看，我在原地不停地转……
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日，星期三
摘要，摘个鬼啊，本来只想来个短篇的，该死的越写越多，这个点了，还有鬼心情写摘要啊。总之，是处理IE10+浏览器非常不错的一篇文章，demo啊，截图啊，源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样，我先撤了~~~
我的应用
我的应用