之前的文章我们介绍了很多关于html以及css的基础内容，从本篇文章开始我们要进行实战训练，我们实战第一篇文章要介绍的就是初始化我们的css代码；1）为什么要初始化css代码首先是因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。其次初始化CSS样式可以提高编码质量，保持代码的统一性，如果不初始化整个页面做完很糟糕，重复的CSS样式很多。去掉标签的默认样式如：margin,padding，其他浏览器默认解析字体大小，字体设置。我们这里写一个ul标签以及a标签，来看一下默认在网页中的显示效果；从上图我们可以看出a标签以及ul标签都有默认的样式效果，而且ul距离左侧有一段的空隙，如果我们不定义初始化效果的话每次都要进行单独的修改，这样会增加代码的重复度。2）我们要怎么去做？1、最简单的初始化css代码的方式是使用通配符（*），重置所有的初始样式。具体的css代码如下所示：但是我们不建议这么书写：因为*（星号）代表通配符表示了所有的标签，编写代码的时候也非常快，但是这样写有一个弊端，就是在网站比较大时，CSS样式文件也很大，这样写时，它会把所有的标签都初始化一遍，这样会加大网站运行的负荷，会让网站加载的时候需要很长一段时间。2、初始化代码虽然个人习惯各有差异，但是大同小异，我们可以借鉴大公司的代码来直接使用即可。下面给大家列举下腾讯和淘宝的初始化代码仅供参考，后期可以根据个人习惯进行删减即可。淘宝的初始化代码如下所示：腾讯的初始化代码如下所示：好了，本篇文章就给大家说到这里，大家自己下来可以自己模拟一下，找到适合自己使用的初始化代码。每日金句：你20岁时偷过的“懒”，就是你30岁时会掉进去的“坑”。喜欢我的文章的小伙伴记得
转载请注明：http://www.aierlanlan.com/tzrz/8021.html
