CSS是一種用于網頁美化的語言，而網頁的美觀首先取決于頁面元素排版的合理性。其中，內外邊距的應用非常重要。

CSS中的內邊距用padding表示，外邊距用margin表示。兩者都可以設置上下左右四個方向的數值。

/* 設置上下左右內邊距為10px */
padding: 10px;
/* 設置上下內邊距為10px，左右內邊距為20px */
padding: 10px 20px;
/* 設置上內邊距為10px，左右內邊距為20px，下內邊距為30px */
padding: 10px 20px 30px;
/* 設置上內邊距為10px，右內邊距為20px，下內邊距為30px，左內邊距為40px */
padding: 10px 20px 30px 40px;

同樣，外邊距也可以按照同樣的方式進行設置。

/* 設置上下左右外邊距為10px */
margin: 10px;
/* 設置上下外邊距為10px，左右外邊距為20px */
margin: 10px 20px;
/* 設置上外邊距為10px，左右外邊距為20px，下外邊距為30px */
margin: 10px 20px 30px;
/* 設置上外邊距為10px，右外邊距為20px，下外邊距為30px，左外邊距為40px */
margin: 10px 20px 30px 40px;

值得注意的是，雖然內外邊距使用方式相似，但是它們的含義是不同的。內邊距是元素內容與元素邊框之間的距離，而外邊距是元素邊框與相鄰元素邊框之間的距離。在實際使用過程中，我們需要根據元素的具體情況來選擇是使用內邊距還是外邊距。