岁月如歌

源码文件：reset.css
压缩版本：reset-min.css
测试页面：test.html

更新说明：

1. 调整了字体和行高，请参见 三谈 Web 默认字体。
2. 将 h1 到 h3 的默认字号调整为 font-size: 100%;
3. 去掉了 tt, abbr, hr, q 的重置样式。原因是：tt, q 不推荐使用。hr 的差异，具体页面去负责。abbr 的默认样式在各浏览器下虽然有差异，但并不会带来问题，重置意义不大。
4. 加入了对 sup, sub 的重置样式。
5. 增加了 reset-post.css, 方便重置以大段文字展示为主的内容区块。测试页面：test-post.html

最后，贴一份代码：
阅读全文 »

时间过得真快，离 Reset CSS 研究（八卦篇） 已经 3 个多月了。废话少说，赶紧将技术篇写完吧。

回顾与反思

第一份 reset css 是 Tantek 的 undohtml.css, 很简单的代码，Tantek 根据自己的需要，对浏览器的默认样式进行了一些重置。

Eric 的也是如此。

YUI 除了 cssreset, 还配套有 cssfonts 和 cssbase. cssreset 清除默认样式，cssfonts 和 cssbase 则将一些元素的默认样式重设回来。

很长一段时间，* { margin: 0; padding: 0; }和 YUI cssreset 模糊了我对 reset 的理解，让我认为 reset 就应该清除掉所有样式，将一切归零。

后来阅读 Eric 的博客，发现 Eric 并不期望大家下载他的 reset.css 后直接拿去用。而是期待能根据具体需求，适量裁剪和修改后再使用。

世间的事总会有些戏剧化，Eric 的期待没有如意。 阅读全文 »

测试页面：no_autocomplete_test.html

结论：

1. Safari 和 Opera 是两个极端，一个完全还原，一个完全保留。
2. Firefox 下最简单的办法是设置 autocomplete = ‘off’ 属性。
3. IE 必须在 setTimeout 中还原表单值才有效。
4. Chrome 除了不支持 onpageshow, 其它表现和 Firefox 一致。

最后胜出的是：

'v' == '\v' && setTimeout(function() {
    // reset code
}, 0);

同时在 html 中，将要还原的表单元素加上 autocomplete = ‘off’ 属性。
最后，忘掉 Opera.

八卦为先

八卦是种优良品质，特别是用在技术上时。来看几个Reset CSS的八卦问题吧：

1. 你知道世界上第一份reset.css在哪么？
2. * { margin: 0; padding: 0 }人品很坏吗？
3. Eric Meyer和YUI是情侣吗？
4. Google有用reset.css吗？
5. No CSS Reset的口号是谁最先提出来的？

类似问题或者说困惑还能列举很多，reset.css极其简单又极其不简单。继续挖掘八卦之前，请先关机遐思，或去如厕更衣透透气，想想后再读下文。 阅读全文 »