怎样区分margin和padding

1、新建一个txt文档，将其修改成“index.html”的html文件，如下图所示。

2、用Sublime编辑器打开“index.html”文件，并编写html5标准代码，代码如下图所示。

3、新建一个div标签，如下图所示。

4、为div设置样式，包含宽度、高度、颜色、内边距和外边距，样式设置好后，我们点击保存。

5、然后用浏览器打开“index.html”，页面可以发现一个红色div层，将鼠标靠近它，然后点击右键下的“检查”按钮。

6、这样我们就可以在“检溽朽孑臾查”中查看图层div在页面中的结构，以及margin和padding的设置大小，进而对它们进行区分。