CSS3是一種用于網頁設計的樣式語言，它含有眾多的屬性和功能。在這篇文章中，我們將會討論CSS3的一些常用屬性。

/* border-radius */
.box {
border-radius: 10px;
}

border-radius屬性用于創建圓角矩形。它的數值表示圓角的半徑大小，可以單獨設置每個角的圓角大小。

/* box-shadow */
.box {
box-shadow: 2px 2px 2px #888888;
}

box-shadow屬性用于在元素周圍創建一個投影效果。它接受四個值：水平偏移量、垂直偏移量、模糊半徑和顏色。

/* text-shadow */
h1 {
text-shadow: 2px 2px 2px #888888;
}

text-shadow屬性用于在文本周圍創建一個投影效果。它的值和box-shadow類似，只不過作用于文本。

/* transition */
.box {
transition: background-color 0.5s ease;
}
.box:hover {
background-color: #0088cc;
}

transition屬性用于為元素的屬性變化添加過渡效果。在這個例子中，我們為元素的背景色添加了一個0.5秒的過渡效果，過渡函數是“ease”，表示變化平滑過渡。

/* @media */
@media (max-width: 768px) {
.box {
font-size: 16px;
}
}

@media查詢用于在特定的屏幕尺寸上應用不同的樣式。在這個例子中，我們將屏幕尺寸小于768像素的設備的字體大小設置為16像素。

這些只是CSS3的眾多屬性中的一部分，但它們是網頁設計中經常用到的。通過學習這些屬性，您可以更好地設計和優化您的網站。