之前的文章我们先容了很多关于html以及css的根本内容,从本篇文章开始我们要进行实战演习,我们实战第一篇文章要先容的便是初始化我们的css代码;
1)为什么要初始化css代码首先是由于浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化每每会涌现浏览器之间的页面显示差异。
其次初始化CSS样式可以提高编码质量,保持代码的统一性,如果不初始化全体页面做完很糟糕,重复的CSS样式很多。去掉标签的默认样式如:margin,padding,其他浏览器默认解析字体大小,字体设置。
我们这里写一个ul标签以及a标签,来看一下默认在网页中的显示效果;
从上图我们可以看出a标签以及ul标签都有默认的样式效果,而且ul间隔左侧有一段的空隙,如果我们不定义初始化效果的话每次都要进行单独的修正,这样会增加代码的重复度。
2)我们要怎么去做?1、最大略的初始化css代码的办法是利用通配符(),重置所有的初始样式。详细的css代码如下所示:
但是我们不建议这么书写:由于 (星号)代表通配符表示了所有的标签,编写代码的时候也非常快,但是这样写有一个弊端,便是在网站比较大时,CSS样式文件也很大,这样写时,它会把所有的标签都初始化一遍,这样会加大网站运行的负荷,会让网站加载的时候须要很长一段韶光。
2、初始化代码虽然个人习气各有差异,但是大同小异,我们可以借鉴大公司的代码来直策应用即可。下面给大家列举下腾讯和淘宝的初始化代码仅供参考,后期可以根据个人习气进行删减即可。
淘宝的初始化代码如下所示:
腾讯的初始化代码如下所示:
好了,本篇文章就给大家说到这里,大家自己下来可以自己仿照一下,找到适宜自己利用的初始化代码。
逐日金句:你20岁时偷过的“