CSS是網頁設計的基礎，其中一種重要的屬性是外邊距（margin）。外邊距可以控制元素的位置和間距，常用的有上外邊距（margin-top）。

上外邊距可以設置為固定值（如margin-top: 10px;）或者百分比（如margin-top: 20%;）。如果設置的是百分比，上外邊距的值是相對于父元素的寬度計算的。

值得注意的是，當兩個元素上下排列時，上面一個元素的下外邊距和下面一個元素的上外邊距會合并，這是CSS的一個規則。如果不想合并，可以給其中一個元素設置上內邊距（padding-top），即可避免合并。例如：

<div class="box1"></div>
<div class="box2"></div>

.box1 {
height: 100px;
margin-bottom: 20px;
background-color: red;
}
.box2 {
height: 100px;
margin-top: 30px;
padding-top: 1px;
background-color: blue;
}

以上代碼中，box1的下外邊距為20px，box2的上外邊距為30px，但由于它們相鄰且沒有間隔，它們的外邊距會合并，最終間距為30px。為了避免這種情況，給box2設置了1px的上內邊距，使它和box1的外邊距不會合并。