• 技术文章 >web前端 >前端问答

    为什么css要初始化

    青灯夜游青灯夜游2021-04-02 17:43:05原创107

    初始化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视频教程

    以上就是为什么css要初始化的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 初始化
    上一篇:css盒模型是什么 下一篇:css有几种定位
    第15期线上培训班

    相关文章推荐

    • css怎么让li强制不换行• css怎么设置div边框• css的盒模型有哪些• css怎么去掉input边框• 什么是css样式表

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网