在網(wǎng)頁開發(fā)中，常常需要設(shè)置圖片的大小來適應(yīng)不同的布局和展示效果。在HTML中，可以通過設(shè)置img元素的width和height屬性來指定圖片的尺寸，但這種方式缺乏靈活性。因此，使用CSS來設(shè)定img的大小是一種更好的方式。

img {
width: 100px; /* 設(shè)置圖片寬度為100像素 */
height: auto; /* 高度自適應(yīng)，保證圖片比例不被拉伸 */
}

上述代碼首先選擇了所有的img元素，然后設(shè)定了寬度為100像素，高度自適應(yīng)的樣式規(guī)則。其中，width屬性定義了圖片的寬度，而height屬性設(shè)置為auto則表示讓瀏覽器按比例自動縮放圖片的高度，以保證其不被拉伸變形。

當(dāng)然，有時候需要指定圖片的高度和寬度同時改變，可以在CSS中直接設(shè)置元素的style屬性來實現(xiàn)：

上述代碼中，使用了style屬性來設(shè)定該img元素的寬度和高度都為100像素。盡管這種方法也可以實現(xiàn)圖片大小的設(shè)定，但通常還是推薦使用CSS樣式規(guī)則來統(tǒng)一管理所有圖片的大小，以便維護和修改。

除了設(shè)置固定的尺寸，CSS還可以通過百分比、最大寬度、最大高度等多種方式靈活設(shè)定圖片大小，以適應(yīng)不同的布局和展示需求。