IMG CSS URL，是前端開發當中非常重要的一部分。其中，IMG指的是圖片，CSS則是網頁樣式表，URL是網址的縮寫。在頁面開發過程中，我們通常會用到img標簽來插入圖片，而通過CSS中的background-image屬性，我們可以將圖片作為背景插入到網頁中，而url函數則表示引用某個外部資源（比如圖片）的路徑。

<img src="images/example.jpg" alt="example" />

這段代碼展示了如何通過img標簽將圖片插入網頁中。其中，src屬性指定了圖片的路徑，alt屬性則是在圖片無法顯示時給用戶展示的文字。

background-image: url(images/example.jpg);

這段代碼則展示了如何通過CSS將圖片作為背景插入到網頁中。其中，background-image屬性指定了背景圖片的路徑。

需要注意的是，圖片路徑可以是相對路徑，也可以是絕對路徑。相對路徑是指從當前網頁所在的目錄開始查找圖片的路徑；而絕對路徑則是指從網站根目錄開始查找圖片的路徑。如果圖片路徑寫錯了，圖片就無法正常顯示。

而對于CSS中的url函數，也可以用來引用其他資源，比如字體、音頻等等：

@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.ttf') format('truetype');
}

這段代碼則是用來引用一種名為Roboto的字體。其中，@font-face是CSS中用于定義字體的語法，font-family則指定字體的名稱，src屬性則指定字體的路徑和格式。

總之，在網頁開發中，img、CSS和url函數都是不可或缺的工具。熟練掌握它們的用法，能夠讓我們更好地實現頁面設計，并提高用戶體驗。