京东和天猫及游戏王 Kap端网站 CSS 初始化代码总结

文章结构概述

• • • 1.京东
      • 2.天猫
      • 3.王者荣耀
      • 4.总结

为何要执行CSS初始化？
各类浏览器对于部分标签的默认样式设定存在差异，为了解决这种因浏览器不同而导致的显示不一致问题，并兼顾兼容性需求，有必要对CSS进行初始化处理。此举旨在确保某些标签在各类浏览器中均采用统一的初始样式值，而非依赖于浏览器自身的默认设定。换句话说，就是对浏览器原有的样式进行重新定义。
所有网页在开发过程中都应当首先完成CSS初始化步骤。

注意：所有代码解释都标记在代码中

1.京东案例分析

以下这段代码用于实现京东商城的CSS初始化功能

    /* 最常见，所有标签内外边距设为0*/
    	* {
    	  margin: 0;
    	  padding: 0;
    	}
    	
    	/* 这两个是斜体标签，让字体不倾斜显示*/
    	em,
    	i {
    	  font-style: normal;
    	}
    	
    	/* 清除li标签前面的圆点或其它显示符*/
    	li {
    	  list-style: none;
    	}
    	
    	/*解决图片