懂视

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

2024-11-29 08:35:55

body{}是用来设定网页中body标签的样式,它包含了整个网页的内容区域。通过body{}我们可以控制body的背景颜色、边距、填充等样式,确保整个页面的布局符合预期。而*{}则是针对页面中所有元素的通用设置,这里的星号代表所有HTML元素。通常我们会设定*{margin:0px;padding:0px},以确保所有元素的边距和填充都为0,这样可以消除浏览器间的差异,使页面看起来更加统一。这两个设置的主要目的是为了初始化页面标签,因为不同浏览器对默认标签的属性处理可能会有所不同。例如,在Chrome浏览器中,li标签默认会有30px的左边距,而p标签也有默认属性。有些浏览器甚至会为body标签设定默认样式。如果不进行相应的初始化,不同浏览器解析出来的样式可能会出现差异,导致页面布局混乱。尽管*{}的优先级较低,但我们在引入第一个外部CSS文件时进行初始化设置,后续的样式规则会覆盖*{}中的样式。这样,通过*{}可以确保所有浏览器解析出的样式基本一致。当然,浏览器兼容性问题还有许多需要考虑的地方,但对所有样式进行初始化是解决基础兼容性问题的关键步骤。