前端页面CSS/JavaScript文件导入之细节篇

少_游

关注

阅读 57

2022-02-18


当一个页面要写的东西很多时,需要将HTML文件进行细分为CSS和JavaScript。

首先讲一下CSS文件的导入:

<link href="这里填CSS的相对路径或者绝对路径,都可以" rel="stylesheet" type="css/text">
//link是指联系
// href是指Hypertext Reference超文本引用,
//rel是relationship属性用于定义链接的文件,
//type是指导入文件的类型

那么问题来了,当我们需要在CSS/JavaScript文件中填入图片等路径时,该怎么填

CSS文件的方法:

前端页面CSS/JavaScript文件导入之细节篇_js

前端页面CSS/JavaScript文件导入之细节篇_html_02

在CSS中只需要写CSS文件相对图片02.png的路径就可以了。

---------下--------面--------是--------重--------点----------------------

JavaScript文件的方法:

JavaScript文件中的导入方式和CSS文件的导入方式​完全不同

前端页面CSS/JavaScript文件导入之细节篇_css_03

在JS文件中填写图片的路径是相对于HTML文件的位置如图:

前端页面CSS/JavaScript文件导入之细节篇_css_04

好了,如果你遇到类似的问题,就留言给我吧,小编都会去看的。欢迎点赞留言关注!!!????????????



精彩评论(0)

0 0 举报