CSS是一種用來定義網(wǎng)頁樣式的語言，通過CSS可以控制網(wǎng)頁中元素的布局和外觀。在網(wǎng)頁開發(fā)中，圖片的使用是非常普遍的，如何控制圖片的大小和位置就成為了一項重要的任務(wù)。本文將介紹如何使用CSS定義和加載圖片的大小。

img {
width: 50%;
height: auto;
}

上面的CSS代碼是用來定義圖片的大小的，其中width屬性定義了圖片顯示的寬度，這里設(shè)為50%表示圖片寬度為父容器的50%。height屬性定義圖片顯示的高度，這里設(shè)為auto表示高度自動調(diào)整，根據(jù)圖片的比例自適應(yīng)調(diào)整。

上面的HTML代碼展示了如何加載一張圖片，并應(yīng)用上面定義的CSS樣式。<img>標(biāo)簽用于加載圖片，其中src屬性指定了圖片的路徑，alt屬性用于定義圖片的替換文本。<div>標(biāo)簽可以用來作為圖片的父容器，從而可以方便地控制圖片的布局。

在實際開發(fā)中，我們可以根據(jù)需要自定義CSS樣式來控制圖片的大小和位置，從而達(dá)到更好的顯示效果。