CSS是一種非常實用的樣式表語言，可以幫助我們實現網頁的不同樣式和布局。其中，自適應布局是一個非常重要的概念，尤其是在開發響應式網站時更是如此。因此，本文將介紹如何使用CSS表示一個簡單的自適應巡航系統。

上面的代碼中，我們首先創建了一個nav標簽作為我們的導航欄容器，并將其設為flex布局，并且水平居中和垂直居中（通過justify-content和align-items屬性）。然后在內部添加一個ul標簽，用于存放我們的導航鏈接。接下來，我們通過CSS代碼將其設為水平排列，并平均分配寬度，同時去掉了默認的li標記符號。

在媒體查詢中，我們設置了max-width: 768px，表示當屏幕寬度小于等于768px時，應用下面的樣式。我們將ul的flex-direction屬性設為column，表示垂直排列；并將寬度設為100%。此外，我們還給a標簽添加了底部邊框和padding屬性，以便更好地分隔每個導航鏈接。當然，在最后一個鏈接處我們需要去掉底部邊框。

通過上述代碼，我們就能夠創建一個簡單的自適應巡航系統。無論在大屏幕或者小屏幕上，導航欄都可以適應不同尺寸的屏幕來提供更好的用戶體驗。