养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS教程 如何清除所有元素的外边距和内边距

时间:2024-10-26 17:26:57

本教程将介绍如何清除所有元素的外边距和内边距

工具/原料

PhpStorm2019.3.1x64

方法/步骤

1、新建一个清除外边距和内边距.html文件,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

2、输入HTML5的结构代码,将title标签里面的内容修改成:清除外边距和内边距,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

3、定义多个标签,比如:div,span等等,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

4、运酚祯馄嫱行网页,执行右键-->查看元素,可以看到body标签是有外边距的(黄色部分就是外边距),如图所示:

CSS教程 如何清除所有元素的外边距和内边距

5、使用*号通配符选择器设置所有标签的margin和padding为0px,清除所有标签的内外边歆懈邦嘭距,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

6、再次运行网页,查看元素,可以看到内外边距已经被清除,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

© 一点知识