隨著互聯網技術的不斷進步，前端開發也變得越來越重要。而CSS作為網頁設計中必不可少的一部分，其功能也越來越全面。在CSS3中，我們可以使用更多的屬性和選擇器來控制頁面的樣式。本文將針對CSS3進行手工教程的分享。

CSS3中，我們可以使用更多的選擇器。例如：偽類選擇器。偽類選擇器用于描述元素在特定狀態下的樣式。如:hover、:focus、:active等等。這樣可以增加網頁交互的視覺效果。同樣的，屬性選擇器也是一個很好的選擇。例如：[attr=value]，可以選中所有擁有該屬性（attr）且屬性值為value的元素。

/* 例如 */
a[href^="https"] {
color: red;
}

在CSS3中，新的屬性也加入了一些流行的效果，如漸變、圓角、陰影等。圓角可以讓你的頁面元素更具有設計感、更柔和。當然，我們還可以使用多重背景圖片和漸變來裝飾我們的頁面。如下：

/* 例如 */
.elem {
background-image: url("bg1.jpg"), url("bg2.jpg"), linear-gradient(to bottom, #fff, #000);
background-repeat: no-repeat, no-repeat;
background-size: cover, contain;
background-position: center center, right top;
border-radius: 10px;
box-shadow: 0px 0px 10px #000;
}

CSS3為媒體查詢也帶來了新的變化。我們可以根據不同設備的屏幕寬度來設置不同的樣式。例如：

/* 例如 */
@media only screen and (max-width: 768px) {
.elem {
width: 100%;
}
}

CSS3中還有很多新特性，本文只是簡單地介紹了一些。作為前端開發人員，我們應該不斷學習新的技能，才能使自己的網頁設計更有競爭力。