谷歌瀏覽器作為一款優秀的瀏覽器，有著強大的調試工具，其中包括查看CSS的功能，下面就來介紹一下如何使用谷歌瀏覽器查看CSS。

首先在谷歌瀏覽器上打開需要查看CSS的網頁，然后右鍵點擊需要查看的元素，選擇“檢查”或者按下快捷鍵Ctrl+Shift+I打開開發者工具。

// 給元素添加id選擇器
這是一個測試元素

在開發者工具的Elements面板中，可以看到所選元素的HTML結構以及樣式。如果要查看該元素的CSS樣式，可以在右側的Styles面板中找到對應的樣式規則，并可以進行編輯和調試。

在查看樣式時，可能會遇到復雜的樣式繼承和優先級問題。可以通過查看計算后的樣式，在Computed面板下查看某個元素的最終樣式，以便找到問題所在。

// 給元素添加class選擇器
這是一個測試元素

如果需要查看整個網頁的CSS樣式，可以切換到Styles面板下的Sources功能，查看所有的CSS文件，并可以進行編輯和保存。

總之，谷歌瀏覽器的開發者工具可以幫助我們輕松地查看和調試CSS樣式，為我們的網頁開發提供了很大的幫助。