F12是開發(fā)者調(diào)試網(wǎng)頁的重要工具，其中之一就是可以利用F12查看CSS代碼。以下是通過F12查看CSS的具體步驟：

1. 打開網(wǎng)頁，即需要查看CSS的頁面。
2. 按下鍵盤上的F12鍵，打開開發(fā)者工具。
3. 在開發(fā)者工具中選擇“元素”（Elements）選項卡。
4. 在右側(cè)窗口中選擇需要查看CSS屬性的元素。
5. 在右側(cè)窗口中找到“Styles”選項卡，展開該選項卡可以看到元素的所有CSS樣式屬性
6. 如果需要編輯CSS的具體屬性，只需要點擊鼠標(biāo)右鍵，選擇“編輯”（Edit），就可以在開發(fā)者工具中直接編輯對應(yīng)的屬性值。

需要注意的是，對于行內(nèi)（inline）的CSS樣式，只需要在元素中右鍵點擊“編輯”即可，而在外部定義的CSS樣式表中，需要在樣式表中編輯對應(yīng)屬性值。

通過F12查看CSS代碼可以幫助開發(fā)者更加方便快捷地了解頁面的CSS樣式屬性，方便開發(fā)者進行頁面的美化與優(yōu)化。