CSS（Cascading Style Sheets）是網頁設計中常用的一種樣式表語言，在網頁設計中起著非常重要的作用。其中外邊距和內邊距則是CSS語言中的兩個重要屬性，它們能夠幫助設計者有效地布局和美化頁面。

首先，我們來看一下外邊距（margin）的用法。外邊距就是指一個元素與其他元素之間的距離。在CSS中，我們可以通過設置元素的外邊距來控制其與其他元素之間的距離。例如：

p {
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}

上述代碼表示設置段落的外邊距，其中的各個屬性分別表示：上、右、下、左四個方向與其他元素之間的距離。我們可以根據實際情況設置不同的數值來調整元素之間的間距。

接下來，我們再來看一下內邊距（padding）的用法。內邊距表示一個元素內部的距離，也就是元素的內容區域與邊緣之間的距離。在CSS中，我們同樣可以通過設置元素的內邊距來控制其內容區域的大小。例如：

p {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}

上述代碼表示設置段落的內邊距，其中的各個屬性分別表示：上、右、下、左四個方向距元素內容區域的距離。我們可以根據實際情況設置不同的數值來調整元素的內容區域大小。

總之，在網頁設計中，外邊距和內邊距是非常重要的屬性，它們能夠幫助我們實現更好的布局和美化效果。我們需要根據實際需求靈活運用這些屬性來達到最佳的效果。