为什么CSS的开头要写这样的样式？

* {
    padding:0;
    margin:0;
    position:relative;
}

这样式是为了清除一些元素的空白边用的，如ul，p，body这些元素是有默认margin，padding的，并且这些值在不同浏览器，不同版本下值还不一样。

统一去掉空白边后显示就会统一，防止空白边不一样导致的显示不同，有帮助可以点本回复右边上角的采纳，谢谢~

*号表示页面所有元素，这是对所有元素设置属性，

• {
  padding:0; //四个方向内边距为0
  margin:0; //四个方向外边距为0
  position:relative;//采用相对定位
  }

其实不建议这么些推荐写法是 ,但一般为了省事都直接通配符写
body,div,p,ul,li,span,a{
margin:0;
padding:0;
}

初始化样式，看需要，写这三个就是不希望后面页面被margin 和padding影响。写个相对定位，八成是为了后面写其他定位服务的