CSS漂浮在頁面的廣告效果是網頁設計中常用的一種設計方式，主要是通過CSS動畫和定位屬性來實現。在實踐中，要注意以下幾個方面：

/* CSS代碼 */
.advertisement {
position: fixed;
bottom: 50px;
right: 50px;
animation: float 4s ease infinite;
}
@keyframes float {
0% {
opacity: 0;
transform: translate(0, 0);
}
50% {
opacity: 1;
transform: translate(0, -20px);
}
100% {
opacity: 0;
transform: translate(0, -40px);
}
}

首先，在HTML中需要創建一個廣告元素，可以是圖片、文字、視頻等。然后，通過CSS的position屬性將它定位到指定位置，一般選擇在頁面的底部或者右下角，可以讓廣告在頁面中更突出易見。

接著，設置CSS動畫，讓廣告在頁面中“漂浮”起來。通過定義一個名為float的關鍵幀，設置廣告一開始的位置、透明度，以及在動畫過程中移動的距離和速度。在這個例子中，廣告的漂浮效果從位置不可見到20像素的高度變為可見狀態，再從20像素的高度到40像素的高度消失。

最后，如果需要讓廣告在頁面中長期存在，則可以添加CSS的infinite屬性，讓廣告一直循環漂浮。也可以使用JavaScript來控制廣告的顯示和隱藏，提高用戶體驗。