在HTML标签在浏览器里有默认的样式,例如p标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览
在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。"覆盖"浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
CSS reset 可以将浏览器默认的样式清除掉,这样做会使我们的 CSS 或 html 标签更加方便准确。假如我们不初始化 CSS 样式属性,将会增大 CSS 代码量,所以使用初始化文件会为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。为什么我们不建议使用通配符?
我们有的时候会使用* {padding:0;margin:0;}来清除浏览器的一些样式,这种方式很实用,*号匹配所有元素,省去了一个一个写元素名称的麻烦。但是它在性能方面是会对页面造成影响的,试想一下,你的页面非常丰富,嵌套多、元素多,这时候,*号会去每一个元素都去渲染一遍。而我们通常只需要对表格、列表、标题等标签进行初始化样式。
本文地址:深圳seo/news/44761.html