CSS中的url()函數通常用于在樣式表中引用網絡上的圖片、音頻、視頻和其他資源。在使用url()函數時,它所引用的地址可以是相對路徑或絕對路徑。
使用相對路徑時,地址可以是相對于當前文件的路徑,也可以是相對于樣式表的路徑。相對路徑的寫法有兩種格式,分別是"./"和"../"。其中"./"表示當前目錄,"../"表示上級目錄。例如,當前頁面和樣式表在同一目錄下,圖片在該目錄下的img文件夾中,則地址應該為"./img/xxx.jpg"。
background-image: url('./img/xxx.jpg');
在使用絕對路徑時,地址可以是完整的URL,也可以是服務器上的物理路徑。使用絕對路徑可以確保文件的正確引用,而且它可以使代碼更清晰易懂。例如,服務器上的圖片的地址為"http://www.example.com/img/xxx.jpg",則地址應該為:
background-image: url('http://www.example.com/img/xxx.jpg');
需要注意的是,在使用url()函數引用網絡上的文件時,應該注意網絡帶寬和服務器的負載情況,盡量避免引用過多的大文件。