在網頁設計中，導航欄是一個非常重要的元素，可以幫助用戶更好地瀏覽網站，方便快捷地找到自己想要的信息。但是，有時候我們需要將導航欄放在多個頁面上使用，這時候就需要用到CSS外調。

CSS外調是指將CSS樣式表文件單獨保存在一個文件中，然后在HTML文檔中通過外部鏈接來引用該樣式表。這樣可以使得樣式表在多個網頁上共享，并減少樣式代碼的冗余。

/*在導航欄CSS樣式表中設置樣式*/
nav {
background-color: #333;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
nav li {
padding: 10px;
}
nav a {
color: #fff;
text-decoration: none;
}
/*在HTML文件中外部鏈接導航欄CSS樣式表*/

在上面的代碼中，我們在CSS文件中設置了導航欄的樣式，然后在HTML文件中通過外部鏈接引用該樣式表，最后將導航欄嵌入到HTML文件中。這樣做的好處是，如果我們需要在多個網頁上使用相同的導航欄，只需要在HTML文件中引用一次該樣式表即可，避免了大量重復的代碼。而且，如果我們需要修改導航欄的樣式，只需要在CSS文件中修改一次即可，所有引用該樣式表的HTML文件都會自動更新樣式。

總的來說，CSS外調是一種非常方便、實用的技術，可以幫助我們更好地管理網站的樣式，提高開發效率，并且可以減少代碼量，提高網站性能。