img標簽是用于在HTML文檔中嵌入圖像的標簽，基本用法是在img標簽的src屬性中指定圖像文件的路徑。

除了指定圖像文件路徑，img標簽還可以設置一些其他的屬性，例如：alt屬性可以用于顯示圖像加載失敗時的替代文本，title屬性可以顯示鼠標懸停在圖像上時的提示文本，width和height屬性可以設置圖像的寬度和高度，等等。

而CSS可以用于控制HTML文檔中各種元素的外觀，包括圖像。例如，可以使用CSS的width屬性和height屬性來控制圖像的寬度和高度，使用border屬性來設置圖像的邊框，使用margin和padding屬性來設置圖像的外邊距和內(nèi)邊距，等等。

img {
width: 200px;
height: 150px;
border: 1px solid black;
margin: 10px;
padding: 5px;
}

可以注意到，上述CSS代碼使用了img作為選擇器，這表示該CSS規(guī)則適用于所有的img標簽。除了使用標簽選擇器，還可以使用類選擇器、ID選擇器等等來選擇圖像。例如：

.image {
width: 200px;
height: 150px;
border: 1px solid black;
margin: 10px;
padding: 5px;
}
#image2 {
width: 300px;
height: 200px;
border: 2px solid red;
}

上面的代碼使用了類選擇器.image和ID選擇器#image2來分別控制兩張不同的圖像。這樣，我們就可以借助CSS輕松地對整個文檔中的各種圖像進行控制和美化了。