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

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

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

當然，有時候需要指定圖片的高度和寬度同時改變，可以在CSS中直接設置元素的style屬性來實現：

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

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