css样式重置是什么?有哪些?
时间: 2024-01-11 16:00:13 浏览: 70
CSS样式重置是一种将所有HTML元素的默认样式重置为一个基本样式的技术。这是为了消除不同浏览器对默认样式的不同解释而产生的问题,从而使网站在不同的浏览器中看起来更加一致。
常见的CSS样式重置包括:
1. Meyer Reset:由Eric Meyer创建,它将所有元素的margin和padding设置为0,将字体大小设置为100%,并将链接的颜色重置为蓝色。
2. Normalize.css:由Nicolas Gallagher和Jonathan Neal创建,它保留有用的默认值,并修复了一些浏览器的bug,以及提供了一些额外的样式以适应不同的浏览器。
3. Reset.css:由YUI Team创建,它将所有元素的margin和padding设置为0,将字体大小设置为100%,并将列表的样式设置为none。
4. Modern CSS Reset:由Andy Bell创建,它重置了所有元素的margin和padding,并提供了一些基本的样式,如设置默认字体和链接的颜色。
5. HTML5 Reset:由HTML5 Doctor创建,它重置了所有HTML5元素的样式,并提供了一些基本的样式,如设置默认字体和链接的颜色。
相关问题
css样式重置是什么?有哪些
CSS样式重置指的是将浏览器默认的样式清除,使得网页在不同浏览器下表现一致。以下是常用的CSS样式重置:
1. normalize.css:一个流行的CSS重置库,它是一种轻量级的替代方案,将跨浏览器的默认样式标准化。
2. reset.css:一种最常见的CSS重置方法,它清除了大部分浏览器默认样式。
3. Eric Meyer's reset.css:一种经典的CSS重置方法,它清除了浏览器默认样式,并提供了一个简单的基本样式表。
4. Yahoo! reset.css:一种基于Eric Meyer's reset.css的重置方法,它清除了浏览器默认样式,并提供了一些常用的样式。
5. HTML5 Reset:一种针对HTML5元素的CSS重置方法,它提供了一些基本的样式表和HTML5元素的样式重置。
css重置样式是什么意思
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;
}
```
阅读全文