CSS是網(wǎng)頁設(shè)計中的重要組成部分，它的作用是控制HTML中各元素的外觀，可以通過樣式表對元素的大小、顏色、字體等屬性進(jìn)行設(shè)置。而現(xiàn)在CSS又新增屬性，讓我們的設(shè)計變得更加豐富多彩。

/* 新增的邊框?qū)傩?*/
border-radius：20px；
border-shadow：2px 2px 2px #999；

邊框是元素的外框線，既可以美化，又可以實現(xiàn)相應(yīng)的功能。在CSS中，我們可以使用border-radius來設(shè)置元素的圓角，通過增加或減小數(shù)值，可以形成不同大小和形狀的圓角。而border-shadow屬性則可以為元素添加投影效果，使其看起來更加立體，突出效果。

/* 新增的漸變屬性 */
background： -webkit-linear-gradient(#fff, #000)；
color： -webkit-linear-gradient(#fff, #000)；

顏色是網(wǎng)頁設(shè)計中不可或缺的元素，而漸變色的出現(xiàn)則讓顏色更加豐富多彩。在CSS3中，我們可以使用-webkit-linear-gradient來設(shè)置元素的漸變背景色，它可以從一個顏色值逐漸過渡到另一個顏色值，形成漸變的效果。同樣，我們也可以通過color屬性來實現(xiàn)文本的顏色漸變，讓文字更加引人注目。

/* 新增的媒體查詢屬性 */
@media screen and (max-width: 768px) {
body {
font-size: 12px;
}
}

隨著移動設(shè)備的普及，響應(yīng)式設(shè)計也變得越來越流行。在CSS3中，我們可以使用媒體查詢屬性來實現(xiàn)對網(wǎng)頁的不同尺寸進(jìn)行適配。通過設(shè)置不同的媒體查詢條件，可以根據(jù)用戶所使用的設(shè)備尺寸，自動切換網(wǎng)頁的布局和樣式。例如，我們可以針對屏幕尺寸小于768像素的設(shè)備，設(shè)置body的字體大小為12像素，以達(dá)到更好的閱讀體驗。