CSS可以非常方便地設(shè)置HTML中的各種元素，包括元素的大小。下面我們通過示例來學(xué)習(xí)如何使用CSS設(shè)置的大小。

//HTML代碼
<img src="example.jpg" alt="示例圖片">
//CSS代碼
img {
width: 500px;
height: 300px;
}

上面的例子中，我們使用CSS的width和height屬性來設(shè)置元素的寬度和高度。其中，width屬性設(shè)置元素的寬度，height屬性設(shè)置元素的高度，兩者都可以使用像素（px）或百分比（%）等單位。

如果希望保持元素的縱橫比例，只需要設(shè)置其中一項(xiàng)，另一項(xiàng)會(huì)自動(dòng)根據(jù)原圖比例進(jìn)行調(diào)整：

//CSS代碼
img {
width: 600px;
/* 根據(jù)原圖比例計(jì)算高度 */
}
img {
height: 50%;
/* 根據(jù)原圖比例計(jì)算寬度 */
}

上面的例子中，如果設(shè)置了寬度為600px，瀏覽器會(huì)自動(dòng)計(jì)算相應(yīng)的高度，以保證圖像縱橫比不變。同理，如果設(shè)置了高度為50%，瀏覽器會(huì)根據(jù)原圖比例自動(dòng)計(jì)算相應(yīng)的寬度。

總之，CSS提供了非常靈活的方式來設(shè)置元素的大小，通過熟練掌握這些CSS屬性，可以輕松地實(shí)現(xiàn)各種不同尺寸和比例的圖片效果。