得到渲染后的 CSS：在網頁開發中，最重要的任務之一就是讓網頁看起來美觀，這主要就是通過 CSS（層疊樣式表）這個技術來實現的。而在編寫 CSS 樣式時，我們往往需要在瀏覽器中進行實時渲染，以便能夠準確地了解每一次修改的效果。

當我們在瀏覽器中編輯 CSS 樣式時，我們可以利用瀏覽器的“審查元素”工具來查看渲染后的 CSS 樣式。在 Chrome 中，我們可以通過右鍵單擊網頁中的任何元素并選擇“審查元素”選項，然后在出現的“Elements”面板中選擇“Styles”選項來查看該元素的 CSS 樣式。

img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

可以看到，在“Styles”選項中，我們可以直接查看到元素的樣式。此外，我們還可以在這個面板中進行實時修改 CSS 樣式，以便能夠更好地預覽每一次修改的效果。

總之，通過在瀏覽器中查看渲染后的 CSS 樣式，我們可以更好地了解每一個元素的樣式，而更好地了解 CSS 樣式則有助于我們更加精細地打造網頁，從而提高用戶體驗。