在前端開發中，我們經常需要查看網站的源代碼，特別是需要修改或添加CSS樣式時，我們需要通過查看網站源碼來確定需要修改或添加的CSS選擇器。 在瀏覽器中，我們可以通過快捷鍵Ctrl+U或右鍵選擇“查看頁面源代碼”來查看當前網頁的源碼。在源碼中，我們可以看到HTML結構以及與之相關的CSS和JavaScript代碼。 如果我們只想查看網站中的CSS代碼，我們可以通過快捷鍵Ctrl+Shift+I或者右鍵選擇“檢查元素”，然后在開發者工具中選擇“Elements”選項卡，在元素列表上方選擇“Styles”，即可看到所有的CSS規則。 另外，為了方便查看和修改CSS代碼，我們可以使用一些源碼查看工具。比如在Chrome瀏覽器中安裝“CSS Peeper”插件，在打開網站后點擊該插件的圖標，即可查看網站中所有的CSS樣式，包括字體、顏色、邊框、背景等等。 除了Chrome瀏覽器中的“CSS Peeper”插件外，還有一些在線的CSS查詢工具可以使用。比如“CSS Selector Tester”，該工具可以幫助我們快速測試CSS選擇器是否正確，并實時顯示選擇的元素及其樣式。同時，該工具還提供了快速復制選擇器的功能，方便我們直接在代碼中使用。 總之，在前端開發中，查看網站源碼是非常常見的操作，通過上述方法，我們可以輕松地查看并修改網站中的CSS代碼。需要注意的是，在修改網站代碼前，請務必備份原文件，避免修改錯誤。