CSS中的内边距和外边距是非常常用的两个属性，在网页布局和设计时都会使用到它们。

padding: 10px;
margin: 20px;

内边距（padding）是指元素内容与元素边框之间的间距，它是元素内部的空白区域。我们可以使用padding属性来设置元素的内边距大小，它可以使用像素、百分比等单位值。例如，上述代码设置元素的内边距为10像素。

padding: 10px 20px;

使用padding属性时，还可以设置上下左右四个方向的内边距大小，可使用简写方式，如上述代码设置元素的上下内边距为10像素，左右内边距为20像素。

margin: 20px;

外边距（margin）是指元素与元素之间的间距，它是元素外部的空白区域。我们可以使用margin属性来设置元素的外边距大小，同样可以使用像素、百分比等单位值。例如，上述代码设置元素的外边距为20像素。

margin: 10px auto;

使用margin属性时，还可以设置元素水平居中，可使用auto关键字组合设置，如上述代码设置元素水平方向上居中，垂直方向上距离为10像素。

内边距和外边距应用灵活，可以结合盒模型、浮动和定位等特性一起使用，更好地实现网页布局的设计。