大家都用什么CSS Reset方法？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 4336 天前的主题，其中的信息可能已经有所发展或是发生改变。

或者根本不用？

reset

CSS

不用

27 条回复 • 2014-11-02 22:17:07 +08:00

Sivan

2013-01-08 18:21:43 +08:00

以前用 Eric Meyer 的改良，现在用 normalize.css。

august

2013-01-08 18:24:22 +08:00

參照其他人然後修改自己習慣的reset, base on yahoo YUI reset.

leohxj

2013-01-08 18:51:29 +08:00

YUI的有人用吗？

lingyired

2013-01-08 18:59:43 +08:00

copy from bootstrap
xd

cherry37

2013-01-08 19:06:19 +08:00

bootstrap 除了reset其他也都很好用

underone

2013-01-08 19:13:32 +08:00

我用yui的，再删除一些不必要的，比如H5以后...

underone

2013-01-08 19:29:12 +08:00

@Sivan 你用哪个版本的？2还是1？

gucheen

2013-01-08 19:31:10 +08:00

额，用网易的是不是很少？
http://nec.netease.com/framework/css-reset.html

Sivan

2013-01-08 19:40:02 +08:00

@underone normalize 吗？用的最新的，精简一些。IE6、7 自己补的。

Sivan

2013-01-08 19:41:05 +08:00

@gucheen 网易的这个默认 1.14 行高有什么说法吗？

liyandong

2013-01-08 19:52:58 +08:00

*:需要重置的标签
*{
padding:0;
margin:0;
}

underone

2013-01-08 19:58:11 +08:00

@Sivan 给我一份看看:)

gucheen

2013-01-08 20:13:47 +08:00

@Sivan 这个我真说不上来

ihuguowei

2013-01-08 20:55:23 +08:00

reset 有时候不是资源占用很多么？

leohxj

2013-01-08 21:03:01 +08:00

@ihuguowei 看看大家都用什么，舍取一下。

Sivan

2013-01-08 21:38:26 +08:00

@underone 暂时放到这了，有些内容还没整理进去。
https://github.com/sivan/lightcss-reset
基本就是把 normalize 和 html5-boilerplate 的代码整理了一下。

使用 normalize.css 不太习惯的地方就是：
CSS 的大部分使用更多的还是在布局上，针对排版的部分仅适用于内容的区域。使用 normalize 后，很多地方还要把 normalize 重置到默认的地方再 reset 掉。

所以最近在想，有时间把 html5-boilerplate 和 normalize 的一些针对 HTML5 的好东西放到传统的 CSS Reset 里，再针对文章展示区域单独写一个排版的代码。可能用起来更省心。

hidden

2013-01-08 22:46:45 +08:00

normalize +1

imshanks

2013-01-09 07:55:26 +08:00 via iPad

http://compass-style.org/
Compass reset

leohxj

2013-01-09 10:38:57 +08:00

@imshanks 这个有什么特点，能说下吗

hzlzh

2013-01-09 11:15:11 +08:00

我们用的 reset.less from HTML5 Boilerplate
https://github.com/hzlzh/GeekPark-FrontEnd-Standard

imshanks

2013-01-09 13:32:06 +08:00

@leohxj
1）基于sass开发快捷
2）提供了很多scss的方法，兼容所有浏览器
比如 @include inline-block 会生成
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
3）CSS Sprite Helpers for Compass
小图标自动拼成一张，并自动计算packground-position
等等....

leohxj

2013-01-09 13:33:41 +08:00

@imshanks Thanks.

deepure

2013-01-09 15:44:39 +08:00 via Android

@imshanks 上午的时候遇到个很奇怪的问题，compass的sprite超过45个图就死循环了

imshanks

2013-01-09 15:48:05 +08:00

@deepure 只用到10来个图，还没遇到过这种情况。。

elsif

2013-01-11 11:20:48 +08:00

@imshanks 很好用

elsif

2013-01-11 11:21:24 +08:00

@imshanks 难道可以二次感谢？

domino

2014-11-02 22:17:07 +08:00

Yahoo Reset