vertical-align属性可以说是CSS中兼容性最糟糕的属性之一了。比如说与文字相关的vertical-align属性，vertical- align:text-top;和vertical-align:text-bottom属性，这两个属性的解释IE浏览器（IE6-8）和现代浏览器是不一样的两个派别。到底哪种表现是正确的，这是不能随便做定论的。无论实现的机制如何，若能实现类似的效果表现，其实都可以说是正确的。在一般的使用条件下，例如小图标+文字，vertical-align:text-top这类文字对齐类属性在不同浏览器下的差异是较小的，这很难让我们去思考与理解这些差异在什么地方。但是，如果我们将测试的元素进行简化与放大，那么差异显而易见，也更利于我们思考其中的原因所在……
本文是我对CSS vertical-align属性深入思考后的一些心得体会，提供丰富飞截图，动画演示，以及必要的demo。希望讲的足够通俗易懂，能对您的学习有所帮助！
“CSS相关”目录存档
CSS vertical-align的深入理解(二)之text-top篇
2010年06月12日，星期六使用CSS3绘制我们的太阳系
2010年05月31日，星期一本文内容展示多于技术的介绍，主要展示的是用CSS3实现的炫酷的太阳系效果，Firefox浏览器下静态页面，Chrome以及Safari浏览器下有环绕的运动效果，本文提供截图以及视频展示，提供核心的CSS代码以及demo页面，希望你对您的学习有所帮助。
RGBA颜色与兼容性的半透明背景色
2010年05月29日，星期六
本文最最重要的内容其实不是讲rgba，而是介绍如何在IE下也能实现半透明的背景效果。RGBA实现半透明背景很简单，直接一个半透明参数就可以了，但是IE浏览器下，就目前而言，需要使用滤镜，这个滤镜不是半透明滤镜，而是渐变滤镜，IE渐变滤镜支持半透明渐变背景色。
本文就将展示如何实现兼容性飞半透明背景效果，并列举一些实际应用。本文虽然截图不是很丰富，但是必要的都提供了，提供必要的代码展示与demo页面，希望能对您有所帮助。
实现兼容性的CSS粗虚线边框(dashed)效果
2010年05月24日，星期一CSS border-style属性中，有一个非常常用的属性，就是dashed，用来形成虚框。平时我们使用的宽度多半是1像素，所以其中的差异不细究，也不易觉察。但是，如果边框的宽度(border-width)大于1像素，那么不同浏览器下的表现差异就比较明显了。
如何让各个浏览器下的边框表现一致呢？这就是本文要为你讲解的。提供丰富飞截图，代码展示，提供必要的示例demo，希望能对您的学习有所帮助。
cssSandpaper-兼容IE的CSS3 JavaScript库
2010年05月23日，星期日我前不久介绍了一个让IE6/IE7/IE8支持常见CSS3属性的方法的文章“让IE6/IE7/IE8浏览器支持CSS3属性”，那里是使用的htc文件+VML语言实现的，轻量实用。
而本文即将介绍的CSS3 JavaScript库cssSandpaper采用的则是不同的原理使IE浏览器支持CSS3属性。本文的内容就是详细介绍CSS3 JavaScript库cssSandpaper的方方面面，提供丰富的插图，提供源文件打包下载，提供对应的demo页面，希望能够对您的学习有所帮助。
我对CSS vertical-align的一些理解与认识（一）
2010年05月14日，星期五本文讲解我对CSS中vertical-align属性的一些理解与认识，内容较多，分上下两集，其余的话就不说了。提供丰富飞截图以及demo页面，希望你对您有所帮助。
CSS3模拟window7炫酷界面效果展示
2010年05月7日，星期五
上图所展示的UI效果，纯粹使用CSS3实现的，此效果可以在Opera10.5及Firefox3.6下看到，由于IE浏览器对CSS3的支持比老婆支持老公出去找小姑娘还弱，深入去研究其技术那还为时过早，但是，作为观赏者，一起体验一下CSS3惊为天人的潜力，对于眼界和一些想法观点的转变还是颇有帮助的。
其他的我就不说什么了，我真是期待CSS3成为标准的那天，那整个web将会是前端的天下，各类技术层出不穷，人类的灵感得到前所未有的释放，我期待着这么一天……
CSS border三角、圆角图形生成技术简介
2010年05月5日，星期三利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS border圆角生成技术。
本文内容不多也不深，依旧提供丰富的截图演示。
CSS “渐进增强”在web制作中常见应用举例
2010年04月29日，星期四
“渐进增强”是对”Progressive Enhancement”一词的译文，我觉得翻译的很是得体。所谓“渐进增强”，有点农村包围城市的味道。打个不太恰当的比方，就是要先解决广大劳苦大众的温饱问题（即“渐进”），再这个基础上尽量的往小康方向发展（谓“增强”），至于是否要所有的人都过着小康水平，则不强求，当然越多小康家庭越好，没有也无妨，反正温饱不成问题，至少不会饿死。
就目前而言，虽对“渐进增强”有所了解的人挺多，但是要说普及与深入人生还远远不到火候。再举个不恰当的比方，现在就页面重构而言，占据主流的还是 “大锅饭”思想，即人人平等，人人相等，也就是以各个浏览器下表现一致为准则。这本身没有什么问题，大家都有饭吃，但是，显而易见，这会让领先的浏览器（Firefox、chrome等）优势无法显现出来。
CSS的“渐进增强”有别于CSS hack，hack可以说是提供选择，你死我亡，竞争效应；而“渐进增强”属于更进一步，锦上添花，辅助效应。前者应尽量避免使用，而后者适当使用则有裨益……
本文将非常详细的展示“渐进增强”在web站点上的一些常见应用，提供丰富的截图示例，希望能对您的学习有所帮助。
让IE6/IE7/IE8浏览器支持CSS3属性
2010年04月27日，星期二本文将展示如果通过调用htc文件轻松让IE浏览器下也能实现一些CSS3的效果，例如盒阴影(box-shadow)、文字阴影(text-shadow)以及圆角边框(border-radius)效果。
本文提供详细的使用讲解，必要的demo页面，以及一些必要的说明，希望能对您的学习有所帮助。
我的应用
我的应用