4、CSS 去除User Agent Stylesheet与 样式统一化(reset.css/normalize.css)

User Agent Stylesheet,是浏览器默认样式表,未编写CSS时,按浏览器内置样式来渲染。不同浏览器甚至同一浏览器不同版本的默认样式是不同的 。
当编写CSS样式时,由于默认样式的存在,不能达到想要的效果,如下图所示:


浏览器存在默认边框
浏览器默认margin
所以有时候需要重置默认样式

解决方法为引入reset.cssnormalize.css
reset.css是将所有的浏览器样式重置,保证各个浏览器样式渲染的一致性。
地址: https://meyerweb.com/eric/tools/css/reset/
normalize.css保留不同浏览器同标签相同的默认值,只重置不同默认样式的差异,可理解为reset.css的升级版。
github地址:https://github.com/necolas/normalize.css

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,860评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,895评论 1 45
  • 一、基础知识篇:Http Header之User-AgentUser Agent中文名为用户代理,是Http协议中...
    iPhone阅读 15,960评论 0 13
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,415评论 0 3
  • 报错信息: 出错原因:设置app的状态栏的样式使用了旧的方式,在info.plist里面设置了 View cont...
    Kingsleeeey阅读 165评论 0 2