在網頁設計過程中，CSS樣式的設置是一個非常重要且不可避免的部分。CSS樣式可以控制網頁的布局、字體、顏色、大小、邊框、背景以及動畫效果等。在本文中，我們將講解如何使用CSS樣式來設置網頁不同元素的外觀及樣式。

樣式設置的語法如下：
選擇器 {屬性：值；屬性：值......}

其中，選擇器指定要對哪些元素應用樣式，屬性指定要設置的樣式類型，值則指定要設置的樣式的具體屬性。接下來我們將通過幾個常用的實例來詳細講解。

例如，設置html中所有p元素的字體大小為16px并加粗：
p {
font-size:16px;
font-weight:bold;
}

上述代碼指定選擇器為p，屬性為font-size和font-weight，值分別為16px和bold。

再如，設置ul元素中所有li元素的背景的顏色為淺綠色：
ul li {
background-color:#89C997;
}

上述代碼中，選擇器為ul li，屬性為background-color，值為#89C997。

接下來，設置某個div元素中的圖片大小和邊框：
#myDiv img {
width:200px;
height:200px;
border:1px solid black;
}

上述代碼中，選擇器為#myDiv img，它指定了某個id為myDiv的div中的img元素。屬性分別為width、height和border，值分別為200px、200px和1px solid black。

通過以上三個實例，我們可以看出CSS樣式設置的基本方法和規則。當然，實際應用中，CSS樣式的設置還遠不止這些。因此，建議大家在學習的同時，多加嘗試和練習，以便更好地掌握CSS樣式的應用技巧和方法。