css重置样式表

CSS重置：打造纯净的网页布局

最新推荐文章于 2023-05-21 21:28:15 发布

原创最新推荐文章于 2023-05-21 21:28:15 发布 · 802 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端常识专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了如何使用CSS Reset.css清除浏览器默认样式，确保跨浏览器一致性和基础元素的标准化。涵盖了HTML5元素重置和一些关键属性设置，是前端开发者必备的基础知识。

css重置样式表 Reset.css

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;
}