CSS3是前端開發不可或缺的一部分。在CSS3中，規則樣式扮演了重要的角色。規則樣式的基本語法如下：

selector {
property: value;
}

其中，selector為選擇器，property為屬性，value為屬性的值。例如：

h1 {
color: red;
}

以上代碼表示選擇所有的h1元素，并將它們的文本顏色設置為紅色。在CSS3中，支持眾多選擇器，例如：

/* 標簽選擇器 */
p {
font-size: 16px;
}
/* ID選擇器 */
#main-title {
font-weight: bold;
}
/* 類選擇器 */
.active {
background-color: #f5f5f5;
}
/* 后代選擇器 */
article p {
line-height: 1.5;
}
/* 相鄰兄弟選擇器 */
h2 + p {
margin-top: 10px;
}
/* 偽類選擇器 */
a:hover {
color: blue;
}

以上代碼利用了標簽、ID、類、后代、相鄰兄弟、偽類等選擇器來選擇元素，并對它們應用樣式。CSS3還支持大量的屬性，例如：

/* 背景屬性 */
body {
background-image: url(bg.jpg);
background-size: cover;
}
/* 文本屬性 */
h3 {
text-align: center;
text-decoration: underline;
}
/* 盒模型屬性 */
.box {
width: 200px;
height: 200px;
border: 1px solid #ccc;
padding: 10px;
margin: 20px;
box-shadow: 2px 2px 4px #ccc;
}
/* 動畫屬性 */
@keyframes mymove {
from {left: 0px;}
to {left: 200px;}
}
div {
position: relative;
animation: mymove 2s infinite;
}

以上代碼展示了背景、文本、盒模型、動畫等屬性如何在CSS3中使用。當然，這里只是舉例，CSS3支持的屬性和選擇器遠不止這些。了解了CSS3中規則樣式的語法和使用方法，我們就能更加靈活地應用CSS3，讓我們的網頁更加美觀和動態。