用DIV+CSS做网页里要设置body和*各是规定哪些的

html-css014

用DIV+CSS做网页里要设置body和*各是规定哪些的,第1张

body{}表示是对body标签的设置,就是<html><head></head><body></body></html>

里面的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>