前端頁面CSS/JavaScript文件導入之細節篇

當一個頁面要寫的東西很多時,需要將HTML文件進行細分爲CSS和JavaScript。
首先講一下CSS文件的導入:

<link href="這裏填CSS的相對路徑或者絕對路徑,都可以" rel="stylesheet" type="css/text">
//link是指聯繫
   // href是指Hypertext Reference超文本引用,
   //rel是relationship屬性用於定義鏈接的文件,
   //type是指導入文件的類型

那麼問題來了,當我們需要在CSS/JavaScript文件中填入圖片等路徑時,該怎麼填
CSS文件的方法:
在這裏插入圖片描述
CSS文件引用images下的02.png文件
在CSS中只需要寫CSS文件相對圖片02.png的路徑就可以了。
---------下--------面--------是--------重--------點----------------------
JavaScript文件的方法:
JavaScript文件中的導入方式和CSS文件的導入方式完全不同
在這裏插入圖片描述
在JS文件中填寫圖片的路徑是相對於HTML文件的位置如圖:
在這裏插入圖片描述
好了,如果你遇到類似的問題,就留言給我吧,小編都會去看的。歡迎點贊留言關注!!!😘😘😘

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章