CSS3中，我們可以用 url() 函數來引用外部資源，比如圖片、字體等。url() 函數的語法非常簡單，只需要將資源的路徑寫在括號里面即可，如下所示：

p {
background-image: url("bg.jpg");
font-family: url("font.ttf");
}

上面的代碼中，第一個規則將一個名為“bg.jpg”的圖片作為 p 元素的背景圖像，而第二個規則則用了一個“font.ttf”字體文件。 當引用外部資源時，我們需要注意一些細節。首先，我們應該使用相對路徑來指定資源的位置。這樣，即使我們將網頁文件移動到其他位置，也不會影響資源的引用。 另外，我們還可以使用 data URI scheme 來將圖像或其他資源嵌入到 CSS 代碼中。這種方式可以減少 HTTP 請求次數，從而提高網頁的加載速度。例如，下面的代碼使用 data URI scheme 將一個名為“logo.png”的圖片嵌入到 CSS 代碼中：

p {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==");
}

最后，我們也應該注意資源的加載順序。如果 CSS 文件過大或者網速較慢，可能會導致資源的加載速度變慢，從而影響用戶體驗。因此，我們應該優先加載 CSS 文件，然后再加載其他資源。 總之，CSS3中的 url() 函數為我們提供了方便快捷的外部資源引用方式。如果使用得當，它可以為網頁提供更加豐富和靈活的樣式。