在查看CSS源代碼之前，我們需要知道一些基礎的操作。在Web頁面中，我們可以按下F12打開開發者工具，也可以右鍵點擊頁面中的任何一部分，然后選擇“檢查元素”。這將打開一個“元素”面板，其中包括與該元素相關的HTML和CSS代碼。

在“元素”面板中，我們可以找到“Styles”選項卡。這將顯示當前選定元素的CSS代碼。我們可以通過單擊箭頭來展開或折疊代碼。如果我們希望查看整個文檔的CSS源代碼，我們可以單擊“Sources”選項卡，在其中選擇對應的CSS文件。

/* 這是一個樣例CSS代碼 */
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333;
}
h1, h2, h3 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 1.2;
margin-top: 30px;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 0 15px;
}
.button {
display: inline-block;
padding: 10px;
background-color: #428bca;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.button:hover {
background-color: #3071a9;
}

以上是一個樣例CSS代碼，我們可以清楚地看到每個選擇器、屬性和值。在開發過程中，我們可以通過使用開發者工具來檢查我們的CSS代碼，以確保它們按預期工作。