CSSplay老头子的挑战

你真的懂CSS?那就来理解一下他的最新杰作:“在不知道图片大小尺寸的情况下,仅使用CSS与(X)HTML完成图片的跨浏览器等比缩放”吧!听起来简单,看起来简单,却不是三脚猫网页开发者能解决的。假如你嫌页面源代码太乱,自己下载这个精简版玩玩吧~

再看CSS字体堆栈

A Way Back上有一篇重新审视网站字体排序的文章。虽然中文世界的字体堆栈一般只有宋体和雅黑两种(而且是浏览器默认,不是CSS定义……),但随着不同操作系统的出炉,默认字体的比率也发生了变化,这篇文章尝试探索CSS字体家族定义的优化(仅用系统内的默认字体,而不是embed)。顺便一提,此站也是经典的blogazine + typography爱好者。

吹毛求疵:解决IE6-7给链接加黑点边框的三种方案

先定义问题:大家都知道,CSS超链接的outline属性一直是为键盘用户增加易用性的好帮手(按Tab键focus下一条链接,是除Safari Win外的默认操作)。可以说,outline通常伴随着:focus事件出现。但如果你重新定义了:focus的样式,这个边框就显得很多余了。

对于标准的浏览器而言(IE8+,FF2.0+等),定义:focus时的outline:0足以解决问题。但不支持:focus的IE6和只支持超链接:focus的IE7的黑点边框又怎么解决呢?

Continue reading “吹毛求疵:解决IE6-7给链接加黑点边框的三种方案”