CSS盒模型是指在网页设计中，每个HTML元素都被视为一个盒子，这个盒子由四部分组成：内容(content)、内边距(padding)、边框(border)和外边距(margin)。而其中外填充属性，即margin和padding，对于网页布局和美化都具有非常重要的作用。

/* 设置内填充 */
div{
  padding: 10px; /* 四个方向内填充均为10像素 */
  padding-top: 20px; /* 上边缘内填充为20像素 */
  padding-bottom: 30px; /* 下边缘内填充为30像素 */
  padding-left: 40px; /* 左边缘内填充为40像素 */
  padding-right: 50px; /* 右边缘内填充为50像素 */
}

内填充属性可以设置盒模型的内边距，使得内容与边框之间有一段空间，从而产生更好的视觉效果和排版效果。padding属性可以设置四个方向的内填充大小，也可以分别设置每个方向的内填充大小。

/* 设置外填充 */
div{
  margin: 10px; /* 四个方向外填充均为10像素 */
  margin-top: 20px; /* 上边缘外填充为20像素 */
  margin-bottom: 30px; /* 下边缘外填充为30像素 */
  margin-left: 40px; /* 左边缘外填充为40像素 */
  margin-right: 50px; /* 右边缘外填充为50像素 */
}

外填充属性可以通过margin属性来设置，可以使得盒模型在与其他元素相邻时保留一定的距离，从而产生更好的排版效果。margin属性可以设置四个方向的外填充大小，也可以分别设置每个方向的外填充大小。

总之，在网页设计中，内填充和外填充属性可以通过CSS来精确控制每个HTML盒模型的大小和相对位置，创造出更好的美化和排版效果。