CSS外部規(guī)則是前端開發(fā)中常用的一種CSS樣式應(yīng)用方式。這種方式可以將CSS樣式代碼保存到一個獨立的.css文件中，實現(xiàn)多個頁面共享同一樣式代碼的目的，提高了代碼的可維護性和重用性。

.example {
margin-bottom: 20px;
}

在CSS外部規(guī)則中，段間距可以通過使用margin屬性來實現(xiàn)。margin-bottom屬性可以控制元素下方與下一個元素的距離。例如，上述代碼將.example元素的下方距離下一個元素的距離設(shè)置為20像素。

.example {
margin-top: 10px;
margin-bottom: 20px;
}

當需要給元素設(shè)置上下兩個方向的段間距時，可以使用margin-top和margin-bottom屬性進行設(shè)置。上述代碼將.example元素的上方距離上一個元素的距離設(shè)置為10像素，下方距離下一個元素的距離設(shè)置為20像素。

p {
margin: 10px 0;
}

如果希望給所有的段落元素設(shè)置相同的上下間距，可以使用縮寫屬性margin來進行設(shè)置。上述代碼將所有的段落元素的上下間距都設(shè)置為10像素。

總之，CSS外部規(guī)則中通過margin屬性可以很方便地控制元素之間的距離，使頁面看起來更加美觀整潔。