CSS 中的圖片默認大小設置 當我們在 HTML 中插入圖片時，往往會遇到圖片過大或過小的問題。一種常見的解決方案就是使用 CSS 來設置圖片的默認大小。下面我們就來了解一下如何使用 CSS 來設置圖片默認大小。 首先，我們需要了解 CSS 中用于設置圖片大小的屬性：width 和 height。這兩個屬性都可以單獨使用，也可以組合使用。 在 HTML 中，我們通常使用 img 標簽來插入圖片，如下所示：

<img src="images/picture.jpg" alt="Picture">

其中，src 屬性指定了圖片的文件路徑，alt 屬性用于在無法顯示圖片時顯示文本提示。 要設置圖片默認大小，我們可以在 CSS 中為 img 標簽設置 width 和/或 height 屬性。例如，我們希望默認顯示的圖片寬度為 500 像素，高度為自適應：

p img {
width: 500px;
height: auto;
}

這個 CSS 規則表示：對于所有在段落中的圖片，設置寬度為 500 像素，高度自適應。 需要注意的是，建議只在必要的情況下使用 width 和 height 屬性來設置圖片大小。在大多數情況下，讓圖片自適應大小會更好。此外，如果要保持圖片的寬高比例不變，建議只設置寬度或高度中的一項，讓另一項自適應。 總之，設置圖片默認大小可以讓我們更好地控制網頁中的圖片顯示效果。在實際應用中，我們可以根據需要靈活使用。