V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
leohxj
V2EX  ›  CSS

大家都用什么CSS Reset方法?

  •  
  •   leohxj ·
    leohxj · 2013-01-08 18:19:53 +08:00 · 5250 次点击
    这是一个创建于 4362 天前的主题,其中的信息可能已经有所发展或是发生改变。
    或者根本不用?
    27 条回复    2014-11-02 22:17:07 +08:00
    Sivan
        1
    Sivan  
       2013-01-08 18:21:43 +08:00   ❤️ 1
    以前用 Eric Meyer 的改良,现在用 normalize.css。
    august
        2
    august  
       2013-01-08 18:24:22 +08:00   ❤️ 1
    參照其他人然後修改自己習慣的reset, base on yahoo YUI reset.
    leohxj
        3
    leohxj  
    OP
       2013-01-08 18:51:29 +08:00
    YUI的有人用吗?
    lingyired
        4
    lingyired  
       2013-01-08 18:59:43 +08:00
    copy from bootstrap
    xd
    cherry37
        5
    cherry37  
       2013-01-08 19:06:19 +08:00
    bootstrap 除了reset其他也都很好用
    underone
        6
    underone  
       2013-01-08 19:13:32 +08:00
    我用yui的,再删除一些不必要的,比如H5以后...
    underone
        7
    underone  
       2013-01-08 19:29:12 +08:00
    @Sivan 你用哪个版本的?2还是1?
    gucheen
        8
    gucheen  
       2013-01-08 19:31:10 +08:00
    额,用网易的是不是很少?
    http://nec.netease.com/framework/css-reset.html
    Sivan
        9
    Sivan  
       2013-01-08 19:40:02 +08:00
    @underone normalize 吗?用的最新的,精简一些。IE6、7 自己补的。
    Sivan
        10
    Sivan  
       2013-01-08 19:41:05 +08:00
    @gucheen 网易的这个默认 1.14 行高有什么说法吗?
    liyandong
        11
    liyandong  
       2013-01-08 19:52:58 +08:00
    *:需要重置的标签
    *{
    padding:0;
    margin:0;
    }
    underone
        12
    underone  
       2013-01-08 19:58:11 +08:00
    @Sivan 给我一份看看:)
    gucheen
        13
    gucheen  
       2013-01-08 20:13:47 +08:00
    @Sivan 这个我真说不上来
    ihuguowei
        14
    ihuguowei  
       2013-01-08 20:55:23 +08:00
    reset 有时候不是资源占用很多么?
    leohxj
        15
    leohxj  
    OP
       2013-01-08 21:03:01 +08:00
    @ihuguowei 看看大家都用什么,舍取一下。
    Sivan
        16
    Sivan  
       2013-01-08 21:38:26 +08:00   ❤️ 1
    @underone 暂时放到这了,有些内容还没整理进去。
    https://github.com/sivan/lightcss-reset
    基本就是把 normalize 和 html5-boilerplate 的代码整理了一下。

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

    所以最近在想,有时间把 html5-boilerplate 和 normalize 的一些针对 HTML5 的好东西放到传统的 CSS Reset 里,再针对文章展示区域单独写一个排版的代码。可能用起来更省心。
    hidden
        17
    hidden  
       2013-01-08 22:46:45 +08:00
    normalize +1
    imshanks
        18
    imshanks  
       2013-01-09 07:55:26 +08:00 via iPad   ❤️ 1
    leohxj
        19
    leohxj  
    OP
       2013-01-09 10:38:57 +08:00
    @imshanks 这个有什么特点,能说下吗
    hzlzh
        20
    hzlzh  
       2013-01-09 11:15:11 +08:00   ❤️ 1
    我们用的 reset.less from HTML5 Boilerplate
    https://github.com/hzlzh/GeekPark-FrontEnd-Standard
    imshanks
        21
    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
        22
    leohxj  
    OP
       2013-01-09 13:33:41 +08:00
    @imshanks Thanks.
    deepure
        23
    deepure  
       2013-01-09 15:44:39 +08:00 via Android
    @imshanks 上午的时候遇到个很奇怪的问题,compass的sprite超过45个图就死循环了
    imshanks
        24
    imshanks  
       2013-01-09 15:48:05 +08:00
    @deepure 只用到10来个图,还没遇到过这种情况。。
    elsif
        25
    elsif  
       2013-01-11 11:20:48 +08:00
    @imshanks 很好用
    elsif
        26
    elsif  
       2013-01-11 11:21:24 +08:00
    @imshanks 难道可以二次感谢?
    domino
        27
    domino  
       2014-11-02 22:17:07 +08:00
    Yahoo Reset
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   996 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:41 · PVG 05:41 · LAX 13:41 · JFK 16:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.