PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

为什么css要初始化

青灯夜游
青灯夜游 原创
2021-04-02 17:43:05 4090浏览

初始化css的原因:1、浏览器有兼容性问题,不同浏览器对有些标签的默认值是不同的,如果没对css初始化往往会出现浏览器之间的页面显示差异。2、初始化css可以节约网页代码,节约网页下载时间;还会使得网页内容时更加方便简洁;提高编码质量。

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

CSS初始化是指重设浏览器的样式。每次新开发网站或新网页时候我们都需要初始化CSS样式的属性,这是为什么?下面给大家介绍一下原因。

初始化CSS的原因

1、浏览器差异

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

<h1>标题1标签在不同浏览器的盒子模型</h1>

1.png

从上面可以看出,同一个标签,不同的浏览器解析的数据是不一样的,这样就会导致显示的差异了。

2、提高编码质量

初始化CSS为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。

如果不初始化,整个页面做完会很糟糕,重复的css样式很多。我们在开发比较复杂的网页时候就不会知道自己是否已经设置了此处的CSS属性,是否和前面的CSS属性相同,是否统一整个网页的风格和样式。

每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。

弊端

初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。

(学习视频分享:css视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
上一条:css盒模型是什么 下一条:css有几种定位