在設計網站時，導航欄是一個非常重要的元素，是用戶訪問網站最主要的入口。因此，設計良好的導航欄至關重要。其中一個很重要的方面就是導航欄的距離。在CSS中，可以使用margin屬性來設置導航欄與其他元素的距離。

nav {
margin-top: 30px;
margin-bottom: 30px;
}

上面的代碼設置了導航欄上方和下方都有30px的空隙。當然，你也可以只設置其中的一邊：

nav {
margin-top: 30px;
}

上面的代碼只設置了導航欄上方有30px的空隙。

除了可以使用margin屬性，還可以使用padding屬性來設置導航欄內部的距離。例如：

nav {
padding-top: 10px;
padding-bottom: 10px;
}

上面的代碼設置了導航欄的頂部和底部內部都有10px的空隙。

總之，在設計導航欄時，要考慮到距離的設置，讓用戶在瀏覽網站時感覺舒適自然，而不是感覺太擁擠或者過于寬松。