對于前端開發來說，查看頁面的CSS樣式是一件非常重要的事情。下面介紹幾種方法：

方法1：使用瀏覽器開發者工具
大部分主流瀏覽器都提供了開發者工具，可以通過快捷鍵F12或者右鍵選擇“檢查”打開工具。
在elements（元素）面板中，點擊想要查看樣式的元素，右側的style（樣式）面板中就可以看到當前元素的CSS樣式。
方法2：使用Web開發者助手插件
Web開發者助手是一款常用的瀏覽器插件，支持Firefox、Chrome等常見瀏覽器，可以方便地查看頁面CSS樣式。
打開Web開發者助手，選擇CSS Info即可看到當前頁面中元素的CSS樣式。
方法3：在HTML代碼中查找CSS樣式
如果想查看某個元素的CSS樣式，可以打開HTML代碼，在該元素的標簽中查找style屬性，其中包含該元素的CSS樣式。
如果該元素的樣式是在外部CSS文件中定義的，可以在head標簽中查找link標簽，其中的href屬性就是外部CSS文件的路徑。
注意事項：
1. 對于使用CSS預處理器的項目，查看的樣式可能與源代碼不完全一致。
2. 在查看樣式時，需要注意樣式的優先級、繼承等問題，以免出現意想不到的結果。