一说到响应式设计，肯定离不开媒体查询 (Media Query) ，它可以改变页面的布局以精确适应不同的设备。媒体查询通常是我们在实现响应式设计时最后考虑的方案，在使用媒体查询之前，我们总是会多思考一下：还有没有其他的实现方法呢？下文就由此思考，总结了一些技巧来实现简单的响应式布局，或许展示的效果并不是很完美，但希望这些解决思路会为大家带来一些新的启发。

相信大家对于text-decoration这个属性并不陌生，在重置a标签的默认样式时，我们经常要这样写：text-decoration: none;可能对它了解的人也很少，实际上text-decoration是一个复合属性，由line、style和color组成。 可惜的是li…

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了。因为它是用的同样html，所以它的JS…

css3 动画

内容包括： HTML（讲述你不知道的absolute和float关系）和javascript（自己写的一段原生js实现双击切换效果） 最近在一个项目中发现一个自己一直忽视的问题 position 和 float 的混用问题，position定位给我们前端开发中页面的布局带来了很…