本教程将介绍如何清除所有元素的外边距和内边距
工具/原料
PhpStorm2019.3.1x64
方法/步骤
1、新建一个清除外边距和内边距.html文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:清除外边距和内边距,如图所示:
3、定义多个标签,比如:div,span等等,如图所示:
4、运酚祯馄嫱行网页,执行右键-->查看元素,可以看到body标签是有外边距的(黄色部分就是外边距),如图所示:
5、使用*号通配符选择器设置所有标签的margin和padding为0px,清除所有标签的内外边歆懈邦嘭距,如图所示:
6、再次运行网页,查看元素,可以看到内外边距已经被清除,如图所示: