CSS3 是一種非常強大的樣式表語言，它為網頁提供了更多的樣式屬性和功能。正確使用 CSS3 可以讓網頁更加美觀、易于閱讀且具有更好的用戶體驗。也正是因為 CSS3 功能強大，因此我們在使用時需要注意一些事項。

以下是正確使用 CSS3 的幾個注意事項：

/* 1. CSS3 兼容性問題 */
/* 許多 CSS3 屬性只在新瀏覽器中進行支持，因此需要考慮在舊版瀏覽器中使用備用樣式。 */
/* 例如，box-shadow 屬性只能在較新版本的瀏覽器中使用，但在舊版中不行。 */
/* 使用下面的代碼制定一個將文本陰影化的效果， */
/* 并在舊版瀏覽器中提供備用樣式。 */
.box {
-webkit-box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888;
box-shadow: 10px 10px 5px #888888;
}
/* 2. 避免代碼負載過重 */
/* 使用過多的 CSS3 效果會使代碼負載過重，降低了網頁的加載速度。*/
/* 在使用 CSS3 之前，應該考慮效果是否必要，是否可以用其他方式完成。 */
/* 例如，在下面代碼中，我們需要引入四個不同的動畫效果， */
/* 加載更多會減緩網頁的加載速度。 */
/* 因此，需要謹慎使用樣式效果。 */
.loading {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
transition: all 0.3s;
transform: rotateZ(-45deg);
opacity: 0.6;
box-shadow: 2px 2px 10px 2px black;
}
/* 3. 避免過度使用瀏覽器嗅探 */
/* 瀏覽器嗅探是一種判斷瀏覽器功能支持的技術。*/
/* 當瀏覽器無法識別某種屬性或屬性值時，我們可以使用嗅探。 */
/* 但是，過度使用嗅探可能會導致代碼冗長和錯誤。 */
/* 我們應該優先考慮瀏覽器支持的屬性和屬性值，并在必要時使用嗅探。 */
/* 例如，在下面的代碼中，需要通過嗅探獲取瀏覽器是否支持某個屬性。 */
/* 但是，這樣使用嗅探是不正確的。 */
if(navigator.userAgent.indexOf('Firefox') !== -1) {
/* do something for firefox */
} else if(navigator.userAgent.indexOf('Chrome') !== -1) {
/* do something for chrome */
}

總之，在使用 CSS3 時，我們應該注意合理、謹慎和優化。只有這樣，我們才能充分利用 CSS3 的強大功能，同時不會破壞網頁的性能。