css重置样式是什么意思
时间: 2024-10-23 14:06:29 浏览: 25
CSS重置样式是一种常见的前端实践,目的是为了消除不同浏览器厂商对HTML元素默认样式的差异,使得开发者能够在一个统一的基础上编写样式,避免因为浏览器内置样式带来的布局问题。通过重置一些基本样式,如内外边距、线高、字体大小等,开发者可以设定一致的基础样式规则,然后在此之上添加自定义样式。
以下是CSS基础重置的一些常见做法:
1. 使用像Eric Meyer's Reset CSS或Normalize.css这样的工具预设的重置文件。
```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;
}
```
阅读全文