*{margin:0; padding:0;},清除默认边距;

 时间:2026-04-22 09:42:16

1、简单的给html和body分别设置背景色。会有以下三种情况并且所有平台表现一致,单独设置body为绿色,如下

*{margin:0; padding:0;},清除默认边距;

2、单独设置html为红色,如下

*{margin:0; padding:0;},清除默认边距;

3、同时设置body为绿色,html为红色,如下;,可见,浏览器对html和body有点儿特殊对待

*{margin:0; padding:0;},清除默认边距;

4、可是,当我们写一个div的时候,表现依旧很不好,看看吧

*{margin:0; padding:0;},清除默认边距;

5、添加代码;

*{margin:0; padding:0;},清除默认边距;

6、所有的浏览器表现一致,分析可得以下观点:

1、body有margin;必须是要清除的。

2、body有点div的样子

3、如果html没有background-color,单单body的background-color会突破margin;

4、body没有padding;

*{margin:0; padding:0;},清除默认边距;

7、结论:

html{ magin:0; padding:0; }这个其实不是用来清除的;理解上讲,没用,??

body{ magin:0;padding:0; }这种,就是清除浏览器有可能默认设置边距;

正确的清除默认脏值的写法:body{magin:0;}

8、但是,浏览器的兼容没必要研究,没必要冒险,而且从代码通用和健壮,规范的写法一定是这样的,清除所有元素的脏边距。

*{margin:0; padding:0;},清除默认边距;

  • 利用css实现图片往两边展开的动画效果
  • 在css中如何引入自定义的字体
  • 生存小队survival squad怎么标记地图?
  • css如何从链接上删除下划线
  • Jsp 如何使用include指令
  • 热门搜索
    20岁的秘密生活 cad线条怎么加粗 mg面膜怎么样 肌肉型小腿粗怎么减 小米助手怎么刷机 上传照片过大怎么办 手机丢了第一时间怎么办 tm是什么意思 树脂是什么材料 怎么卡永久超级会员