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

/* 新增的邊框屬性 */
border-radius：20px；
border-shadow：2px 2px 2px #999；

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

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

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

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

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