CSS3是CSS的最新版本，它在樣式表的設(shè)計方面有了多項優(yōu)化和增強。相比之前的CSS2版本，CSS3擁有更多的屬性和選擇器，使得網(wǎng)頁設(shè)計更加細(xì)致、豐富、生動。

/* 屬性：border-radius */
/* 描述：圓角 */
/* 取值：參數(shù)為長度、百分?jǐn)?shù)、關(guān)鍵字none；多個參數(shù)可以使用斜線/分隔，表示垂直方向和水平方向上的圓角半徑；參數(shù)個數(shù)不足時，會使用最后一個參數(shù)補齊 */
.border-rounded {
border-radius: 10px;
}
/* 屬性：box-shadow */
/* 描述：陰影 */
/* 取值：參數(shù)為長度、顏色、關(guān)鍵字none；多個參數(shù)可以使用逗號,分隔，表示多個陰影；陰影不會影響元素原始的定位與大小 */
.box-shadow {
box-shadow: 2px 2px 2px gray;
}
/* 選擇器：:before */
/* 描述：在元素的前面添加內(nèi)容 */
/* 取值：none */
/* 可以將元素的一部分看作一個新的元素，對這個新元素添加樣式 */
.box-label:before {
content: "Label: ";
}
/* 選擇器：:after */
/* 描述：在元素的后面添加內(nèi)容 */
/* 取值：none */
/* 同樣是將元素的一部分看作一個新的元素，對這個新元素添加樣式 */
.box-tips:after {
content: "Tips!";
}

使用CSS3的各種屬性和選擇器，可以讓我們更好地掌控網(wǎng)頁的樣式，給用戶帶來更優(yōu)秀的訪問體驗。