发表于: 2020-06-21 21:35:43

1 1249


今天完成的事情:

task13深度思考

如何做默认样式重置?resetting 和 normalizing 之间有什么区别?

总结:

1.每个浏览器都有对某些标签的默认样式,作用是在不为浏览器添加样式时,有个默认样式,让内容更好的表现出来

2.但是,因为每个浏览器设置的默认样式属性不统一,即可能表现不一致,为了使各个浏览器展现内容一致,就有了样式重置

3.css resetting(样式重置)就是一开始就将浏览器的默

认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。

最简单的css reset

* {

padding: 0;

margin: 0;

}

“ * ”代表所有的标签或元素,就叫做通配符选择器。这代表这段代码会匹配所有的元素,为所有元素添加样式,所以当浏览器解析到 * 时,会将页面内的所有标签都进行如上的样式重置,就是让他们的padding margin都为0,这就相当于完全清除了浏览器的padding margin默认样式。

缺点:有很多的元素我们可能在页面中用不到,或者我们可以用他的默认样式,全部重置一遍的话会白白增加网页渲染的时间,减慢网页加载速度

4.css normalizing样式标准化

标准化没有去掉所有的默认样式,而是保留了有用的一部分,同时还纠正了一些常见的错误

即:统一覆盖一部分,统一重新设置一部分

关于选择,如果页面个性化成分较多,选择样式重置



返回列表 返回列表
评论

    分享到