想要查看網頁源碼中的CSS代碼，可以使用瀏覽器提供的開發者工具。不同的瀏覽器可能有不同的快捷鍵或菜單來打開開發者工具，一般可以通過F12鍵或右鍵選擇“檢查元素”來進入。

開發者工具界面會顯示網頁的HTML結構及CSS代碼，在HTML代碼中找到需要查看的元素，點擊其對應的代碼行即可看到其應用的CSS樣式。如果該元素應用過多種樣式，可以在樣式選項卡中找到該元素的樣式屬性，點擊其對應的代碼行或樣式屬性名即可對應到CSS代碼中。

/* CSS 代碼示例 */
body {
background-color: #ffffff;
font-family: Arial, sans-serif;
}
h1 {
font-size: 36px;
color: #333333;
}
p {
font-size: 18px;
line-height: 1.5;
}

在CSS代碼中，每個樣式屬性都由屬性名和屬性值組成，用英文冒號分隔，多個樣式屬性之間用分號分隔。每個選擇器可以指定一到多個樣式屬性，也可以聯合多個選擇器。

在查看CSS代碼時還可以通過編輯器的語法高亮、格式化等功能方便地查找修改代碼，提高開發效率。