網(wǎng)站頁面導入css,圖片等文件的相對路徑和絕對路徑問題

. 代表當前所在目錄， 相對路徑 。如：文本或；.. 代表上一層目錄， 相對路徑 。如：文本或；../../ 代表的是上一層目錄的上一層目錄，相對路徑。 如：；/ 代表根目錄， 絕對路徑 。

成都創(chuàng)新互聯(lián)專注于恭城網(wǎng)站建設(shè)服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供恭城營銷型網(wǎng)站建設(shè)，恭城網(wǎng)站制作、恭城網(wǎng)頁設(shè)計、恭城網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)公司服務，打造恭城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供恭城網(wǎng)站排名全網(wǎng)營銷落地服務。

．HTML相對路徑指由這個文件所在的路徑引起的跟其他文件（或文件夾）的路徑關(guān)系。

做好的網(wǎng)頁在自己機器上可以正常瀏覽，而把頁面?zhèn)鞯椒掌魃暇涂偸浅霈F(xiàn)看不到圖片，css樣式表失效等錯誤。

CSS設(shè)置背景圖片路徑格式

1、在 CSS 中引用本地背景圖片可以使用 background-image 屬性，并將圖片路徑指定為本地文件路徑。

2、在index.html中的標簽中，輸入css代碼：body {background-image： url(img/image.jpg)}。瀏覽器運行index.html頁面，此時成功把同級的img文件夾中的image.jpg用css設(shè)置為了背景圖片。

3、通過css：background-image語句設(shè)置背景。background-image 屬性會在元素的背景中設(shè)置一個圖像。根據(jù) background-repeat 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

4、現(xiàn)在在main.js文件里要用show.gif來做背景圖片，那么要這樣來寫：background-image：url(image/td-top-gif)；這樣寫路徑是因為main.js和image文件夾都是在css目錄下的。

5、就是./點杠，上一級就是../點點杠。

CSS引用圖片相對路徑符號怎么寫?

1、在使用相對路徑時，我們用符號“.”來表示 當前目錄 ；用符號“..”來表示 當前目錄 的父目錄。

2、在 CSS 中引用本地背景圖片可以使用 background-image 屬性，并將圖片路徑指定為本地文件路徑。

3、就是./點杠，上一級就是../點點杠。

怎樣設(shè)置CSS背景圖片路徑

在 CSS 中引用本地背景圖片可以使用 background-image 屬性，并將圖片路徑指定為本地文件路徑。

CSS設(shè)置圖像背景通過使用background-image屬性，我們可以預先設(shè)置上傳到服務器的圖像作為背景。background-image： url(圖像的路徑)；在url中，輸入要用作背景的圖像文件的路徑。

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：body {background-image： url(img/image.jpg)}。

現(xiàn)在在main.js文件里要用show.gif來做背景圖片，那么要這樣來寫：background-image：url(image/td-top-gif)；這樣寫路徑是因為main.js和image文件夾都是在css目錄下的。

通過css：background-image語句設(shè)置背景。background-image 屬性會在元素的背景中設(shè)置一個圖像。根據(jù) background-repeat 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

網(wǎng)站欄目：css樣式加載圖片路徑 css圖片路徑
標題來源：http://www.rwnh.cn/article30/dgeppso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、域名注冊、標簽優(yōu)化、網(wǎng)站設(shè)計公司、微信公眾號、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)