CSS中的URL路徑寫法有多種,常見的包括相對路徑和***路徑。
相對路徑是相對于當(dāng)前CSS文件的位置來指定URL,如果CSS文件位于網(wǎng)站的根目錄下,可以使用以下方式指定圖片路徑:
.logo { background-image: url('logo.png'); }
如果CSS文件位于網(wǎng)站的某個子目錄下,可以使用相對路徑來指定URL,
.logo { background-image: url('../logo.png'); }
***路徑是指從網(wǎng)站的根目錄開始,一直追溯到目標(biāo)文件的位置,使用***路徑可以確保無論CSS文件位于何處,都能正確地找到目標(biāo)文件。
.logo { background-image: url('/home/user/www/logo.png'); }
需要注意的是,如果目標(biāo)文件位于不同的域名下,那么需要使用完整的URL來指定路徑,
.logo { background-image: url('http://html4.cn/logo.png'); }
選擇相對路徑還是***路徑,應(yīng)根據(jù)實際情況來決定,如果網(wǎng)站結(jié)構(gòu)簡單,且CSS文件和目標(biāo)文件位于同一目錄下,那么使用相對路徑即可,如果網(wǎng)站結(jié)構(gòu)復(fù)雜,或者CSS文件和目標(biāo)文件位于不同目錄下,那么使用***路徑更為合適。