前言

通常情况，浏览器都会为元素设置一些默认样式，默认样式的存在会影响到页面的布局，通常情况下编写网页时必须要去除浏览器的默认样式（PC端的页面）。

一、reset

reset.css

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126License: none (public domain)
*/html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;
}
body {line-height: 1;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;
}
table {border-collapse: collapse;border-spacing: 0;
}

二、normalize

可以在github上下载normalize.css文件：normalize.css

总结

重置样式表：专门用来对浏览器的样式进行重置的。其中 reset.css 直接去除了浏览器的默认样式；normalize.css 对默认样式进行了统一。两者相比较，normalize在默认的HTML元素样式上提供了跨浏览器的高度一致性，是一种现代的、为HTML5准备的优质替代方案。

浏览器的默认样式及去除相关推荐

CSS_css去掉input标签的默认样式，去除input点击样式
去掉input标签的默认样式,去除input点击样式 outline: none; input {background: none;outline: none;border: none; }
reset.css 重置浏览器的默认样式
@charset "utf-8"; /*!* @名称:base.css* @功能:1.重设浏览器默认样式* 2.设置通用原子类*/ /* 防止用户自定义背景颜色对网页的影响,添加让 ...
html标签的默认样式及去除
虽然在一般情况下.我们大部分人都会直接引用一份已经写好的专门去除标签默认样式的reset.css文件(重置样式表)到项目中,进而去除掉元素的默认样式,一直觉得这样很省事毫不费力,但是最近在使用的时候发 ...
火狐浏览器内容默认样式表
查看地址: resource://resources/html.css 具体内容: /* This Source Code Form is subject to the terms of the Mo ...
23.去除浏览器默认样式
文章目录去除浏览器默认样式 1.枚举式 2.简单页面草率式 3.装杯专业式去除浏览器默认样式通常情况下,不同浏览器可能会为相同元素设置一些默认样式,因此就可能导致开发的页面在不同浏览器下打开效果 ...
reset清除所有浏览器默认样式
温馨提示 reset 的目的不是清除浏览器的默认样式, 这仅是部分工作. 清除和重置是紧密不可分的. reset 的目的不是让默认样式在所有浏览器下一致, 而是减少默认样式有可能带来的问题. rese ...
css知多少（4）——解读浏览器默认样式
原文:css知多少(4)--解读浏览器默认样式上一节<css知多少(3)--样式来源与层叠规则>介绍了样式的五种来源,咱们再通过一张图回顾一下. 对于上面的三层,咱们大概都比较熟悉了.下 ...
浏览器默认样式有哪些，如何覆盖
1.user agent stylesheet是浏览器默认样式表,是浏览器默认样式. 2.不同浏览器的默认样式不同个,甚至同种浏览器不同版本的默认样式也可能不同.其中google中对body的默认样式 ...
CSS之布局（默认样式）
默认样式: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...

浏览器的默认样式及去除

前言

一、reset

二、normalize

总结

浏览器的默认样式及去除相关推荐

最新文章

热门文章