旋轉與位移是CSS中常用的兩種樣式屬性，能夠讓網頁更加豐富多彩。接下來，我們來詳細介紹一下它們的使用方法。

.rotate {
transform: rotate(45deg); /* 將該元素旋轉45度 */
}
.translate {
transform: translate(100px, 50px); /* 將該元素向右移動100px，向下移動50px */
}

如上方代碼所示，我們可以使用transform屬性來對元素進行操作。其中，rotate()函數可以讓元素進行旋轉，括號內的參數即為旋轉的角度。而translate()函數則可以讓元素進行位移，第一個參數表示橫向位移，第二個參數表示縱向位移。

我們還可以使用組合的方式，同時對元素進行旋轉和位移。

.rotate-translate {
transform: rotate(45deg) translate(100px, 50px); /* 先旋轉45度，再向右移動100px，向下移動50px */
}

如上代碼，我們將旋轉和位移兩個函數合并，并通過空格分隔，表示先執行旋轉，再執行位移。同時，我們也可以反過來，先進行位移，再進行旋轉。

總之，CSS中的旋轉和位移是非常常用的樣式屬性，通過它們可以讓元素的表現更加生動、豐富。參照上述代碼運用它們，讓你的網頁與眾不同吧！