如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了，或借助margin负值，或借助CSS3 transform的translate属性；这里介绍另外一个方法，margin:auto方法……
外甥点灯笼——照旧（舅），有demo有截图有源代码展示。希望本文的内容能够对您的学习有所帮助。
“CSS相关”目录存档
小tip: margin:auto实现绝对定位元素的水平垂直居中
2013年11月19日，星期二小卖弄：纯CSS实现的outline切换transition动画效果
2013年11月13日，星期三我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的，我习惯性就想，可不可以CSS实现呢，一番折腾，发现，竟然……
CSS属性选择器驱动的过滤搜索技术
2013年09月16日，星期一CSS选择器可以用来实现搜索功能。
以前提过CSS3的选择器结合表单元素可以用来控制元素的显隐，这里，类似的，还是CSS3的选择器，居然可以用来过滤和搜索页面元素。有兴趣就进来看看吧，可能会有启发哦！
小tip:如何在Dreamweaver中使用emmet(ZenCoding)
2013年09月9日，星期一emmet前身是zen coding. 我是通过接触sublime Text而认识的。
据说，emmet支持各种编辑器，神器Notepad++支持, 神器他哥Sublime Text支持，坦克Eclipse也支持，哟，甚至Dreamweaver也支持！
虽众仙喜欢神器，我却依旧Dreamweaver粉。因此，我就讲讲如何在Dreamweaver中使用emmet.
多多截图，简单易懂，可以错过哦~
深入理解CSS3 gradient斜向线性渐变
2013年09月6日，星期五CSS3斜向渐变，看上去好像挺简单。实际上，其远没有你想得那么简单。本文就将逐步揭开其一些复杂、特意的地方。避免您在日后的使用中掉进坑里。
很多自己制作演示图，希望本文的内容能够对您的学习有所帮助。
贝塞尔曲线与CSS3动画、SVG和canvas的基情
2013年08月30日，星期五CSS3动画、SVG和canvas都与贝塞尔曲线存在基情关系，哟呵呵呵，本文就将揭示其中不为人知的基情，习惯八卦的你可不能错过哦……
折腾：2颗星星+纯CSS实现星星评分交互效果
2013年08月7日，星期三发表评论的时候，我们经常会遇到点击星星做评分的交互。大部分情况下，大家使用的是5个一排5个一排的大块星星背景图实现的。实际上，两颗星星就可以搞定。本文就将展示这个。同时，有人觉得，实际需求还需要记住你选中的星星，CSS搞不定。实际上，这是可以使用CSS实现的。如何实现呢？就是本文要介绍的内容。
本文多技术展示，为便于理解，自制了不少原理示意图，以及必要的源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
CSS背景色镂空技术实际应用及进阶
2013年07月27日，星期六其实在10年的时候，3年前我就介绍过背景色镂空技术，文章名为：“使用CSS实现Photoshop选区效果及应用”。
实现的就是类似下面的效果。虚框是个gif动画背景，水果图片1像素镂空，于是就有效果啦！
今天我翻墙逛twitter的时候，见到了这种技术更为实际的应用……
first-line伪类实现兼容IE6/IE7的单标签多背景效果
2013年07月5日，星期五background+filter滤镜可以实现低版本IE浏览器下的多背景效果，::first-line伪元素也是可以实现的，本文就将介绍这种技巧。有表格数据、有源代码展示，有demo页面，有效果截图，总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用