鼠标中键的点击的行为默认情况下，通常是创建新的tab并在其中打开指定的链接。浏览器发展到今天，对于鼠标中键点击的事件处理上，仍然没有能够统一，这导致对应于中键的监听变得不可靠，而对于习惯用中键的用户来说，点击某些链接会出现意料之外的结果。 下面对现行浏览器的一般表现做一些总结，浏览器分别为：IE9， FF31，Chrome36以及Opera的Presto内核的末代版本12.17，本文结果均以这些版本为限。 测试代码很简单，由于各浏览器对于鼠标键位的索引值也有些许不同，所以用了jQuery来统一。<a>中的<span>是故意添加的，下文会有说明。 <a href=…
这段时间前端界的头条大新闻无疑是“Opera即将逐步放弃自己的Presto核心转而采用Webkit”，虽然之前的新闻还只是Opera在移动浏览器上使用Webkit，但一旦变成桌面也一样的情况，立刻就成了一颗重磅炸弹，粉碎了这个领域里虚伪的和平。Webkit几乎垄断了移动浏览器市场，现在，似乎也即将称霸桌面。欢喜者似乎幻视到了一个统一的标准的平台恍然在眼前招手，担心者回顾过往揣测着眼前的巨兽仿佛看到了IE6，各种评论在各个论坛炸开了锅，各种声音削尖了脑袋此起彼伏，就好象是迎接三国鼎立时代的序幕一般。哦！壮哉，我大Opera，壮哉，我大Presto。如同一颗晖星从天划过，标志着一个时代的终结，和另一个时代的开幕。 可能所有人都没想到这样的结局，如果说，在移动领域采用webkit是鉴于其霸主地位的无奈之举，那桌面端的全面缴械几乎意味着Opera对于Webkit的认同。一个存在快要20年的浏览器内核所走就走了，简直是难以置信。但确是事实，2013年2月12日，…
人一旦被一些繁杂的事消耗掉精力的话，即使有时间静下心来写篇东西也变得那么的不易啊，呵呵。题外话就不多说了，真没想到这篇早就构思好的东西写了这么久... 阅读本文请使用chrome，Opera或者FireFox浏览(23 December 2013: 由于迁移到ghost，其早期版本对HTML的支持不够理想，所以迁移过程中将所有HTML例子切成了图片) 在上一篇的CSS3 box-shadow 详解(1)里，我从标准的角度出发，详细地写到了box-shadow的标准的方方面面。但毕竟是游戏规则似的细节，读起来恐怕还是没什么味道，按照上次的安排，这篇里不再牵扯标准的任何细节性的东西，主要就是讲实际应用中，box-shadow能做些什么。 设计中的阴影 对于设计来说，阴影的重要性和颜色等同。视觉要表达的是“…
这段时间确实比较繁忙，所以博客一直都没什么产出:) 前段时间看到一篇《9个你现在可以使用的CSS3属性( 9 CSS3 Properties You Can Use Now)》，描述了当前可以渐进使用的CSS3的新的属性。但实际上由于种种原因，当前能使用的其实远达不到9个这么多。 本文讨论的就是其中之一，box-shadow，而且是从比较细节的角度。既然是详解就必然要写的详尽，于是，写到一半的时候才发觉内容太多，所以就分成了2个章节。这个章节里讨论box-shadow标准的描述，所以你能知道一些非常细节的东西，当然这些东西都没法使用，所以如果你只是想了解怎么使用box-shadow，请跳过这一章，直接阅读我写的《CSS3 box-shadow 详解(…
起因是下面的这句话： font-size: 75%; /* Resets 1em to 11px */ 这是我曾经喜欢的wordpress主题 Bito 的第一句CSS。印象里还是记得默认值是16px，那么75%就是12px了。不过这只是表面问题，其实大部分人都不怎么关系字体大小的本质。 从标准看起 W3Cschools的font-size参考相当简单，只是简单的列举了属性的可取值。并且CSS2.1 Specification RC20090908里，关于font-size的定义也并不多。 大体上，font-size的值非常宽泛，即可以是关键词定义的绝对值，可以是百分比或者 em 的相对值，还可以是绝对单位px。…
虽然起了一个看似很牛逼的题目，但本文可以说完全是蛋疼的人的一种消遣~通常开发人员都有自己的放松方式。写文章用不了太久，倒是图材准备了老半天。谨以此文，让我们来消遣下各个浏览器对于边框的理解方式。 参与此次测试的浏览器包括windows下的几乎全部：ie6，ie7，ie8，ie9preview，chrome，firefox，safari，opera，seamonkey。各版本皆为网上下载的最新版。并且由于这次的测试里，IE678的表现一致，firefox和seamonkey又是裙带，所以合并作IE8和firefox。下图就是这次浏览器的截图： 上面的这种排列顺序是故意的。下面的测试里就会显示出其原因，截图也都是按照这个顺序排列的。 首先看下面这张图，六种浏览器里显示了一个20X20的DIV，其边框为top:2px，…
