V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
caopi
V2EX  ›  问与答

浏览器默认样式该如何处理呢?

  •  
  •   caopi · 2018-11-16 16:22:49 +08:00 · 2032 次点击
    这是一个创建于 2200 天前的主题,其中的信息可能已经有所发展或是发生改变。

    p 标签具有浏览器默认的 margin-block-start 样式,为了表现理想的样式,需要设置 p 的 margin 为 0.

    我导入 normalize.css 去除浏览器默认的样式,并不会抹掉 p 标签的样式,还是需要设置 p 的 margin 为 0

    10 条回复    2018-11-16 17:57:27 +08:00
    g190875565
        1
    g190875565  
       2018-11-16 16:31:42 +08:00   ❤️ 1
    normalize.css 是让不同浏览器展现同一种样式,而不是去除默认样式吧,你需要的是 reset.css
    TimePPT
        2
    TimePPT  
       2018-11-16 16:42:17 +08:00 via iPhone
    @g190875565 reset.css +1
    caopi
        3
    caopi  
    OP
       2018-11-16 16:46:20 +08:00
    @g190875565 是 reset.css 好还是自己手动设置好呢?
    leaveeel
        4
    leaveeel  
       2018-11-16 17:25:37 +08:00
    我是自己设置, 建个 css 设 margin padding font-size font-style text-decoration outline list-style border line-height 这些为 0 或者 none 就够了
    learnshare
        5
    learnshare  
       2018-11-16 17:27:33 +08:00
    用 reset.css 和只用 div 没区别
    flowfire
        6
    flowfire  
       2018-11-16 17:34:43 +08:00 via iPhone
    @learnshare #5 语义化了解一下
    learnshare
        7
    learnshare  
       2018-11-16 17:47:18 +08:00
    @flowfire 默认样式也是语义化带来的好处之一
    flowfire
        8
    flowfire  
       2018-11-16 17:54:35 +08:00
    @learnshare #7 你自己都说了,“之一”
    wu67
        9
    wu67  
       2018-11-16 17:57:05 +08:00
    照着设计稿手动写就醒了, 默认样式可以让你在漏写样式的时候让你的页面看起来不那么丑
    t6attack
        10
    t6attack  
       2018-11-16 17:57:27 +08:00
    在 css2 时代,如果要求兼容包括 IE6 在内的多浏览器。css 文件第一句就是*{ margin:0; padding:0; }
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2936 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:34 · PVG 21:34 · LAX 05:34 · JFK 08:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.