什么是reset CSS的原理及其作用?
- 内容介绍
- 文章标签
- 相关推荐
本文共计976个文字,预计阅读时间需要4分钟。
reset.css是指重置浏览器标签的样式表,其主要作用是清除浏览器默认样式,确保样式的一致性。操作环境:'
reset css是指reset.css重置浏览器标签的样式表,其作用就是将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式,也就是把浏览器提供的默认样式覆盖掉。
本文操作环境:windows7系统、CSS3版,DELL G3电脑
reset.css 重置浏览器标签的样式表
HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。
在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
重置作用
因为浏览器的品种很多,每个浏览器的默认样式也是不同的,比如<button>标签,在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的,所以,通过重置button标签的CSS属性,然后再将它统一定义,就可以产生相同的显示效果。
本文共计976个文字,预计阅读时间需要4分钟。
reset.css是指重置浏览器标签的样式表,其主要作用是清除浏览器默认样式,确保样式的一致性。操作环境:'
reset css是指reset.css重置浏览器标签的样式表,其作用就是将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式,也就是把浏览器提供的默认样式覆盖掉。
本文操作环境:windows7系统、CSS3版,DELL G3电脑
reset.css 重置浏览器标签的样式表
HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。
在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
重置作用
因为浏览器的品种很多,每个浏览器的默认样式也是不同的,比如<button>标签,在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的,所以,通过重置button标签的CSS属性,然后再将它统一定义,就可以产生相同的显示效果。

