leohxj
V2EX  ›  CSS

大家都用什么CSS Reset方法?

  •  
  •   leohxj ·
    leohxj · Jan 8, 2013 · 6424 views
    This topic created in 5048 days ago, the information mentioned may be changed or developed.
    或者根本不用?
    27 replies  •  2014-11-02 22:17:07 +08:00
    Sivan
    Sivan
    Jan 8, 2013❤️1
    1
    以前用 Eric Meyer 的改良,现在用 normalize.css。
    august
    august
    Jan 8, 2013❤️1
    2
    參照其他人然後修改自己習慣的reset, base on yahoo YUI reset.
    leohxj
    leohxj
    OP
    Jan 8, 2013
    3
    YUI的有人用吗?
    lingyired
    lingyired
    Jan 8, 2013
    4
    copy from bootstrap
    xd
    cherry37
    cherry37
    Jan 8, 2013
    5
    bootstrap 除了reset其他也都很好用
    underone
    underone
    Jan 8, 2013
    6
    我用yui的,再删除一些不必要的,比如H5以后...
    underone
    underone
    Jan 8, 2013
    7
    @Sivan 你用哪个版本的?2还是1?
    gucheen
    gucheen
    Jan 8, 2013
    8
    额,用网易的是不是很少?
    http://nec.netease.com/framework/css-reset.html
    Sivan
    Sivan
    Jan 8, 2013
    9
    @underone normalize 吗?用的最新的,精简一些。IE6、7 自己补的。
    Sivan
    Sivan
    Jan 8, 2013
    10
    @gucheen 网易的这个默认 1.14 行高有什么说法吗?
    liyandong
    liyandong
    Jan 8, 2013
    11
    *:需要重置的标签
    *{
    padding:0;
    margin:0;
    }
    underone
    underone
    Jan 8, 2013
    12
    @Sivan 给我一份看看:)
    gucheen
    gucheen
    Jan 8, 2013
    13
    @Sivan 这个我真说不上来
    ihuguowei
    ihuguowei
    Jan 8, 2013
    14
    reset 有时候不是资源占用很多么?
    leohxj
    leohxj
    OP
    Jan 8, 2013
    15
    @ihuguowei 看看大家都用什么,舍取一下。
    Sivan
    Sivan
    Jan 8, 2013❤️1
    16
    @underone 暂时放到这了,有些内容还没整理进去。
    https://github.com/sivan/lightcss-reset
    基本就是把 normalize 和 html5-boilerplate 的代码整理了一下。

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

    所以最近在想,有时间把 html5-boilerplate 和 normalize 的一些针对 HTML5 的好东西放到传统的 CSS Reset 里,再针对文章展示区域单独写一个排版的代码。可能用起来更省心。
    hidden
    hidden
    Jan 8, 2013
    17
    normalize +1
    imshanks
    imshanks
    Jan 9, 2013 via iPad❤️1
    18
    leohxj
    leohxj
    OP
    Jan 9, 2013
    19
    @imshanks 这个有什么特点,能说下吗
    hzlzh
    hzlzh
    Jan 9, 2013❤️1
    20
    我们用的 reset.less from HTML5 Boilerplate
    https://github.com/hzlzh/GeekPark-FrontEnd-Standard
    imshanks
    imshanks
    Jan 9, 2013
    21
    @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
    leohxj
    OP
    Jan 9, 2013
    22
    @imshanks Thanks.
    deepure
    deepure
    Jan 9, 2013 via Android
    23
    @imshanks 上午的时候遇到个很奇怪的问题,compass的sprite超过45个图就死循环了
    imshanks
    imshanks
    Jan 9, 2013
    24
    @deepure 只用到10来个图,还没遇到过这种情况。。
    elsif
    elsif
    Jan 11, 2013
    25
    @imshanks 很好用
    elsif
    elsif
    Jan 11, 2013
    26
    @imshanks 难道可以二次感谢?
    domino
    domino
    Nov 2, 2014
    27
    Yahoo Reset
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4544 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 09:34 · PVG 17:34 · LAX 01:34 · JFK 04:34
    ♥ Do have faith in what you're doing.