CSS衛(wèi)星是一種非常有趣的CSS技巧，通常用于web開發(fā)中。簡單來說，衛(wèi)星就像一個跟隨主星（也就是主元素）旋轉(zhuǎn)的小行星。

/* CSS衛(wèi)星定位 */
.satellite {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 主星樣式 */
.star {
position: relative;
width: 200px;
height: 200px;
border-radius: 50%;
background-color: yellow;
}

要創(chuàng)建CSS衛(wèi)星，我們需要在主元素周圍旋轉(zhuǎn)的小元素。這個小元素必須有相對定位（position: relative），同時它的位置可以使用top、left、bottom和right屬性進行微調(diào)。例如：

/* 衛(wèi)星樣式 */
.satellite-1 {
position: relative;
top: -120px;
left: 70px;
width: 50px;
height: 50px;
background-color: red;
border-radius: 50%;
}
/* 衛(wèi)星樣式 */
.satellite-2 {
position: relative;
top: -70px;
left: 150px;
width: 30px;
height: 30px;
background-color: blue;
border-radius: 50%;
}
/* 衛(wèi)星樣式 */
.satellite-3 {
position: relative;
top: -20px;
left: 180px;
width: 20px;
height: 20px;
background-color: green;
border-radius: 50%;
}

通過對這些衛(wèi)星進行微調(diào)，我們可以創(chuàng)建出各種形狀不同的CSS衛(wèi)星效果。

需要注意的是，衛(wèi)星必須是相對于主元素進行定位，否則它們就會飛出主元素的范圍之外。同時，衛(wèi)星的樣式和位置可以根據(jù)實際需求進行微調(diào)和修改。

CSS衛(wèi)星雖然看起來比較復雜，但是只要掌握了基本的CSS知識和技巧，就可以輕松地創(chuàng)建出各種奇妙的效果。更重要的是，在web開發(fā)中，CSS衛(wèi)星可以為我們的頁面增加一些動態(tài)和趣味性，吸引用戶的眼球。