css中margin属性与padding属性的作用是什么

1、新建一个html文件，命名为test.html，用于讲解css中margin属性与padding属性的作用是什么。

2、在test.html文件中，使用input标签创建一个输入框，用于测试。

3、在css标签内，使用margin属性设置input的外边距为30px，使用padding属性设置input的内边距为20px。

4、在浏览器打开test.html文件，查看结果。