里面的body。
*{}表示对页面所有元素的设置,一般我们会设置*{margin:0pxpadding:0px}来表示所有元素的margin和padding为0;
这两个的设置一般是为了页面标签的初始化,因为不同的浏览器默认标签有一些不同的属性。比如chrome默认li有margin-left:30px的属性,p标签也默认有属性。有些浏览器会给body默认属性。如果不进行设置的话在不同浏览器解析出来的样式就会出现不一样,导致页面错乱。
*{}的优先级是很低的,你在第一个外部引用css文件中添加进行初始化,后面设置的属性如果和*{}里面的不符,会覆盖掉*{}里面的样式。这样,所有浏览器解析出来的样式就基本一样了。当然,浏览器兼容还有其他许多事情要做,对所有样式进行初始化是最基本的。
其实在这两种方式下,p都继承了body的outline样式,只不过当body没有设置border时,p的outline就跟body的outline重叠了,看上去就感觉p没有outline一样。你只要多放几个p(或者在p的前面加一些其他元素),就能发现其中奥妙了。<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>html{width:100% height:100%}body{width:100% height:100% background: url(../1.jpg) no-repeat background-size:cover /*这里设置了背景图片为覆盖,以填满整个容器*/ }</style></head> <body></body></html>