當我們點擊某個鏈接或提交表單時，有時候需要等待頁面加載完成才能進行相應操作。這時候，為了讓用戶知道頁面正在加載中，我們通常會使用加載中 css 樣式。

加載中 css 樣式的實現方式有很多種，比較常見的是在頁面中添加一個加載中的提示框，同時在該提示框中使用 css 動畫效果來模擬旋轉圖標或進度條等，以表示頁面正在加載中。

.loading {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
}
.loading .loader {
border: 8px solid #f3f3f3; 
border-top: 8px solid #3498db; 
border-radius: 50%;
width: 80px;
height: 80px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

通過以上 css 樣式，我們可以創建一個全屏的加載中提示框，并在該提示框中添加一個旋轉的圓形邊框，同時使用 css 動畫效果實現邊框的無限旋轉。這樣，在頁面加載完成前，我們就可以通過顯示或隱藏該提示框來告訴用戶頁面正在加載中。

當然，上述僅僅是一個簡單的加載中提示樣式示例，實際場景中我們還需要考慮更多細節，比如加載失敗時的處理、加載時間超時的提示、頁面元素占位等等。正確處理頁面加載中問題，不僅可以增強用戶體驗，還可以提高網站的流量和訪問量。