body{}表示是对body标签的设置,就是<html><head></head><body></body></html> 里面的body。
*{}表示对页面所有元素的设置,一般我们会设置*{margin:0px;padding:0px}来表示所有元素的margin和padding为0;
这两个的设置一般是为了页面标签的初始化,因为不同的浏览器默认标签有一些不同的属性。比如chrome默认li有margin-left:30px;的属性,p标签也默认有属性。有些浏览器会给body默认属性。如果不进行设置的话在不同浏览器解析出来的样式就会出现不一样,导致页面错乱。
*{}的优先级是很低的,你在第一个外部引用css文件中添加进行初始化,后面设置的属性如果和*{}里面的不符,会覆盖掉*{}里面的样式。这样,所有浏览器解析出来的样式就基本一样了。当然,浏览器兼容还有其他许多事情要做,对所有样式进行初始化是最基本的。