KISSY CSS Reset 1.0
源码文件:reset.css
压缩版本:reset-min.css
测试页面:test.html
更新说明:
- 调整了字体和行高,请参见 三谈 Web 默认字体。
- 将 h1 到 h3 的默认字号调整为 font-size: 100%;
- 去掉了 tt, abbr, hr, q 的重置样式。原因是:tt, q 不推荐使用。hr 的差异,具体页面去负责。abbr 的默认样式在各浏览器下虽然有差异,但并不会带来问题,重置意义不大。
- 加入了对 sup, sub 的重置样式。
- 增加了 reset-post.css, 方便重置以大段文字展示为主的内容区块。测试页面:test-post.html
最后,贴一份代码:
/*
KISSY CSS Reset
理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。
特色:1. 适应中文;2. 基于最新主流浏览器。
维护:玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
Revision: 276
*/
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
margin: 0;
padding: 0;
}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
font: 12px/1.5 tahoma, arial, simsun, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; } /* 重置,减少对行高的影响 */
sub { vertical-align: text-bottom; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注:optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

December 4th, 2009 on 15:52
灰常好 感谢老雕XD
December 4th, 2009 on 16:13
更新好勤快,SVN上已经查找到更新:)
December 4th, 2009 on 16:43
精益求精, 感谢分享!
December 4th, 2009 on 17:24
每个字节都是精华,谢谢分享
December 4th, 2009 on 17:43
我这个外行,都觉得射雕这篇真不错~
December 4th, 2009 on 20:10
真没有考虑过这么细,谢谢雕兄分享。学习~~~
December 4th, 2009 on 23:22
赞~
December 5th, 2009 on 8:13
这次很完美了。再次无耻的拿走了。。
December 5th, 2009 on 9:27
轻轻的带走了。灰常好
December 7th, 2009 on 8:16
很简单,很强大,适合中文页面。
最后table的那一行很有启发,我老是把那个忘记。
December 11th, 2009 on 17:21
Mac 下 Firfox 不能显示中文,去掉默认字体 simsun;就好了
不知道是那儿的问题?
December 12th, 2009 on 14:11
@yellow: 还没 Mac, 无法确定问题所在。哪位兄弟能否帮忙测试确定一下?
December 17th, 2009 on 14:32
@yellow @lifesinger 我测试了一下, 在 mac firefox 下显示正常
December 22nd, 2009 on 20:27
年尾的大礼包啊~
December 23rd, 2009 on 17:30
为啥改用别名“simsun”而不是原来的ascii码:”\5b8b\4f53″ ?
December 24th, 2009 on 9:32
嗯~
玉伯既然在这个版本中去掉了hr的样式重置,那么第一行(清除内外边距)中的hr标签也去掉了吧
PS: 非常感谢分享
December 31st, 2009 on 19:08
h1, h2, h3, h4, h5, h6 { font-size: 100%; }是出于什么考虑的呢?为什么不用1em或者99%?
January 17th, 2010 on 1:53
既然斜体都扶正了, kissy编辑器里面怎么还有个斜体样式按钮???
January 17th, 2010 on 8:34
@ezsky:理想与现实的权衡。
January 22nd, 2010 on 17:09
请问
list-style
是属于ul ol 还是 li 的?
May 12th, 2010 on 17:34
这个line-height:1.5在ie中input type=”text”的里太高了,输入汉字后,焦点离开后,上面部分都看不到了,不知道有没办法修正,
July 3rd, 2010 on 22:25
css reset要自己认真理解后用起来才方便,感谢贡献。
我也对simsun不用ascii有疑问。
leave a reply