年前遇到此现象，在Chrome浏览器下，起初，我还以为是Chrome浏览器的bug.
今日原型重现，在各个现代浏览器下一测，乖乖隆地咚，都是一个尿性，看来是规范使然，不是bug啊！但是，由于现象实在诡异，到目前也想不通是个怎么回事，故在这里演示并询问在座的小伙伴们，为什么会有此现象？
现象描述……
border-collapse与table td边框opacity透明度诡异解析
2015年03月3日 by 阅读 56757 次, 今日 6 次CSS中height:100%和height:inherit的异同
2015年02月15日 by 阅读 135314 次, 今日 5 次不知大家有没有相关CSS中height:100%和height:inherit的有什么异同？是否可以替换使用？height:inherit的价值在哪里？
本文就将回答这一系列问题，同样的，有截图，有demo，还有必要的源代码展示，总之希望本文的内容对您的学习有所帮助。
小tip: IE下zoom或Matrix矩阵滤镜中心点变换实现
2015年02月15日 by 阅读 37883 次, 今日 2 次IE的Matrix矩阵变换，或者zoom缩放会改变元素原本占据的展示尺寸，位置等，与CSS3优雅的transform完全不一样，导致，我们需要对IE做额外的偏移。
但是，我们大多数人的数学都是体育老师交的，计算偏移值什么的，想想就大头娘娘了，难道，就不能跟CSS3 transform一样，就规规矩矩居中放大吗？
童鞋，略施小计，还是有办法滴……
CSS深入理解流体特性和BFC特性下多栏自适应布局
2015年02月12日 by 阅读 205975 次, 今日 12 次
好久没写纯粹CSS相关知识的文章了，所谓新颖的CSS3技术之流占据了现在半壁江山。本文内容还是比较传统，立足基础，深入理解。希望可以帮助相关从业者有所成长。如题，本文着重分析流体特性下的自适应布局和BFC特性下的自适应布局，demo、截图以及源代码一个都不少，耐心看完，相信会有一番收获的。
小tips: 使用　等空格实现最小成本中文对齐
2015年01月27日 by 阅读 125810 次, 今日 5 次有些空格很特殊，其宽度正好跟中文字符宽度有个特定的比例关系，于是，我们再实现一些布局的时候，就有了更轻松的方法……
本文推陈出新，同样，有截图，有demo, 有源代码展示，总之，希望本文的内容能够对你的学习有所帮助。
小tip:CSS vw让overflow:auto页面滚动条出现时不跳动
2015年01月25日 by 阅读 210949 次, 今日 11 次当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏，然而，这种布局有一个存在一个影响用户体验的隐患。应该都知道，现代浏览器滚动条默认是overflow:auto类型的，也就是如果尺寸不足一屏，没有滚动条；超出，出现滚动条。于是，问题来了，当内容加载从不足1屏到超过1屏，页面就会跳动！有没有什么好办法呢？本文就将介绍一个简单实用的技能tips, follow me…
内容loading加载后高度变化CSS3 transition体验优化
2015年01月22日 by 阅读 81791 次, 今日 4 次现在web技术不断发展，视图与数据渲染更多由前端呈现，后台更多与数据打交道。于是，我们会经常看到这样的交互场景。页面加载，看到一个框框里面有个菊花在转，然后内容呈现；或者点击个按钮，菊花在转，然后列表动态加载呈现。
确实，功能上OK，有菊花，用户也愿意等。但是，大家有没有觉得所有交互，出现菊花→出现内容，都是“砰砰砰”很生硬的感觉，尤其当内容是动态，高度不确定的时候。我们使用一些比较好的手机APP(如微信)的时候一定不会有这样的感觉，整个交互流程都是很流畅的，就像山涧的泉水，涓涓细流到山脚，而不是巨人在峡谷走路的感觉。
所以，如果菊花的呈现到内容的展示能够通过自然的动画过渡呈现，势必会增强用户体验。
而本文就将分享，我是如何渐进处理，让动画过渡呈现更自然的…… 必须的，demo，截图，源代码展示一个不少，希望本文的内容能够对您的学习有所帮助。
再说CSS3 animation实现点点点loading动画
2014年12月28日 by 阅读 91732 次, 今日 6 次以前介绍过一种方法实现打点loading动画效果，但是那个方法不健壮，机缘巧合，让我重新思考有没有更好的方法。而本文分享的就是自己想到了2个全新的实现方法，兼容各大小浏览器。
本文不仅有demo，源代码展示，还特意制作了多种gif效果演示帮助理解，相信本文的内容会对你的工作有所帮助的！
我的应用
我的应用