SVG中图形绘制默认顺序是先填充，再描边，再标记，由于描边是居中的，就会导致文字描边的时候文字本身的填充会被覆盖掉，使用CSS paint-order可以有效解决这个描边问题。
文章关键字 ‘text-shadow’
CSS paint-order祝大家元旦快乐
2020年01月1日，星期三-webkit-text-stroke文字描边CSS属性及展开
2017年06月4日，星期日今天，我使用caniuse查看text-stroke兼容性的时候，发现了一件令我震惊的事情，最新版的Firefox以及Edge已经支持text-stroke描边属性了，并且全部都是采用-webkit-私有前缀，这就意味着在不久的将来，要实现文字描边效果，我们就可以使用原生的text-stroke属性，不用担心兼容性问题…
等宽字体在web布局中应用以及CSS3 ch单位嘿嘿
2016年07月9日，星期六所谓等宽字体，一般是针对英文字体而言的。东亚字体，据我所知，应该都是等宽的，就是每个字符在同等size下占据的宽度是一样的。但是英文字体就不一定了，就难本文来说，我下面写一个单词，什么呢，就iMac吧，大家打开自己的像素眼，就会很明显地发现这个字符’i’要不其他字符，例如’M’占据的宽度要小.但是，如果是等宽字体，宽度就一样，那么这种表现在web布局中有没有什么作用呢？还有CSS3 ch单位和他又有什么千丝万缕的关系呢？
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011年05月4日，星期三IE9浏览器，甚至很可能IE10都不支持text-shadow文字阴影属性，但是人民群众的智慧是无穷无尽的，我们可以使用一些特殊的手段，或是方法实现类似于文字阴影的效果，而本文就将简单展示几种我所知的方法。
一如既往，丰富飞demo页面，相应的源代码展示，截图示例。总之，希望本文的内容能够对您的学习有所帮助。
CSS3模拟window7炫酷界面效果展示
2010年05月7日，星期五
上图所展示的UI效果，纯粹使用CSS3实现的，此效果可以在Opera10.5及Firefox3.6下看到，由于IE浏览器对CSS3的支持比老婆支持老公出去找小姑娘还弱，深入去研究其技术那还为时过早，但是，作为观赏者，一起体验一下CSS3惊为天人的潜力，对于眼界和一些想法观点的转变还是颇有帮助的。
其他的我就不说什么了，我真是期待CSS3成为标准的那天，那整个web将会是前端的天下，各类技术层出不穷，人类的灵感得到前所未有的释放，我期待着这么一天……
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页面，以及一些必要的说明，希望能对您的学习有所帮助。
我的应用
我的应用