CSS圖像坐標系是一種表示網頁中圖像位置和尺寸的方式。它使用(x, y)坐標系統來定位和調整圖像在瀏覽器中的位置。

坐標系中的原點是左上角。在這個坐標系中，x軸垂直于頁面內容流并朝右延伸，y軸水平于頁面內容流并朝下延伸。

(0,0)
+----------------->x軸
|
|    圖像
|
v      y軸

為了使用CSS圖像坐標系，可以將圖像樣式設置為“position: absolute”。接下來，可以使用“left”和“top”屬性來設置圖像在坐標系中的位置。使用“width”和“height”屬性可以調整圖像的大小。

img {
position: absolute;
left: 50px;
top: 100px;
width: 200px;
height: 150px;
}

在上面的代碼中，“img”選擇器選擇所有圖像元素，并將它們的樣式設置為“position: absolute”。此后，“left”和“top”屬性用于將圖像位置設置為(50,100)處。同時，使用“width”和“height”屬性將圖像的大小調整為200x150像素。

以上就是CSS圖像坐標系的基本知識。通過了解和合理運用這些知識，可以幫助您更好地控制頁面中的圖像，并提升網站的用戶體驗。