最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

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

来源:动视网 责编:小OO 时间:2024-11-29 08:35:55
文档

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

而*{}则是针对页面中所有元素的通用设置,这里的星号代表所有HTML元素。通常我们会设定*{margin:0px;padding:0px},以确保所有元素的边距和填充都为0,这样可以消除浏览器间的差异,使页面看起来更加统一。这两个设置的主要目的是为了初始化页面标签,因为不同浏览器对默认标签的属性处理可能会有所不同。例如,在Chrome浏览器中,li标签默认会有30px的左边距,而p标签也有默认属性。有些浏览器甚至会为body标签设定默认样式。如果不进行相应的初始化,不同浏览器解析出来的样式可能会出现差异,导致页面布局混乱。
推荐度:
导读而*{}则是针对页面中所有元素的通用设置,这里的星号代表所有HTML元素。通常我们会设定*{margin:0px;padding:0px},以确保所有元素的边距和填充都为0,这样可以消除浏览器间的差异,使页面看起来更加统一。这两个设置的主要目的是为了初始化页面标签,因为不同浏览器对默认标签的属性处理可能会有所不同。例如,在Chrome浏览器中,li标签默认会有30px的左边距,而p标签也有默认属性。有些浏览器甚至会为body标签设定默认样式。如果不进行相应的初始化,不同浏览器解析出来的样式可能会出现差异,导致页面布局混乱。


body{}是用来设定网页中body标签的样式,它包含了整个网页的内容区域。通过body{}我们可以控制body的背景颜色、边距、填充等样式,确保整个页面的布局符合预期。

而*{}则是针对页面中所有元素的通用设置,这里的星号代表所有HTML元素。通常我们会设定*{margin:0px;padding:0px},以确保所有元素的边距和填充都为0,这样可以消除浏览器间的差异,使页面看起来更加统一。

这两个设置的主要目的是为了初始化页面标签,因为不同浏览器对默认标签的属性处理可能会有所不同。例如,在Chrome浏览器中,li标签默认会有30px的左边距,而p标签也有默认属性。有些浏览器甚至会为body标签设定默认样式。如果不进行相应的初始化,不同浏览器解析出来的样式可能会出现差异,导致页面布局混乱。

尽管*{}的优先级较低,但我们在引入第一个外部CSS文件时进行初始化设置,后续的样式规则会覆盖*{}中的样式。这样,通过*{}可以确保所有浏览器解析出的样式基本一致。当然,浏览器兼容性问题还有许多需要考虑的地方,但对所有样式进行初始化是解决基础兼容性问题的关键步骤。

文档

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

而*{}则是针对页面中所有元素的通用设置,这里的星号代表所有HTML元素。通常我们会设定*{margin:0px;padding:0px},以确保所有元素的边距和填充都为0,这样可以消除浏览器间的差异,使页面看起来更加统一。这两个设置的主要目的是为了初始化页面标签,因为不同浏览器对默认标签的属性处理可能会有所不同。例如,在Chrome浏览器中,li标签默认会有30px的左边距,而p标签也有默认属性。有些浏览器甚至会为body标签设定默认样式。如果不进行相应的初始化,不同浏览器解析出来的样式可能会出现差异,导致页面布局混乱。
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top