发表于: 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样式标准化
标准化没有去掉所有的默认样式,而是保留了有用的一部分,同时还纠正了一些常见的错误
即:统一覆盖一部分,统一重新设置一部分
关于选择,如果页面个性化成分较多,选择样式重置
评论