重置浏览器的默认样式(css reset)

时间:2022-03-17 09:38:51

(1)定义:首先css reset指的是重置浏览器的默认样式
(2)作用:因为现在的浏览器很多,并且每个浏览器都有自己的默认样式,这样就会导致一个页面在多个浏览器下展示产生差异,所以我们需要做一些处理使每个浏览器下展示一致,故需要css reset
(3)内容:第一个:*{padding:0;margin:0;border:0;}第二个:你所用到的元素{padding:0;margin:0;border:0;},然而第一个虽然写起来简单,但是它却会将所有的标签重置,而我们可能没有必要将那么多的元素都重置,浪费系统资源,降低性能,所以只给自己页面需要重置元素重置默认样式
(4)缺陷:并不是所有的标签都有默认的margin,padding,reset而且连后面有用的样式也干掉了,并且在移动端和电脑端有bug