CSS（層疊樣式表）是網頁設計的重要組成部分，它控制網頁的外觀和布局。CSS 有三個版本，分別是 CSS1、CSS2 和 CSS3。其中，CSS3 的新增特性和功能使得它更加強大，同時也更加適用于響應式網頁設計。

/* CSS3 實現陰影效果 */
.box-shadow{
-moz-box-shadow: 3px 3px 3px #000; /* Firefox 3.5+ */
-webkit-box-shadow: 3px 3px 3px #000; /* Safari 3+ 和 Chrome*/
box-shadow: 3px 3px 3px #000; /* Opera 10.5+、IE9+, Firefox 4+, Chrome */
}

CSS3 的一項強大的功能是可以通過 CSS3 轉換和動畫來實現動態效果，這為網頁設計帶來了更多可能性，比如彈出菜單、圖像滑動和定時器等等。

/* CSS3 動畫效果 */
.animated {
animation-duration: 3s;
animation-delay: 0.5s;
animation-iteration-count: infinite;
}
@keyframes fade-in-out {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.animated {
animation-name: fade-in-out;
}

CSS3 還增加了很多新的選擇器，比如 :checked、:first-child 等等，它們的引入可以讓網頁設計更加靈活。

/* CSS3 選擇器 */
input[type="radio"]:checked + label {
color: #ff0;
}
/* 選中第一個
子元素 */
ul:first-child {
background-color: #f2f2f2;
}

CSS3 另外帶來的改進包括更好的字體控制、更好的顏色控制、更好的響應式布局等等，它們都讓網頁設計更加美觀、實用和專業。