我在学校的网站设计课上,我坚持这个项目。我必须在单独的子文件夹中放置5个htmls和5个图片,在两个子文件夹之外留下一个css文件,并在css文件和html页面之间建立相对路径,以及htmls和图片之间的路径。我无法弄清楚如何将css文件应用于每个html,以及如何在页面上弹出图像(我不知道如何在htmls和图片之间建立路径)。如果这很难理解我很抱歉,我不会说代码
首先,您需要知道相对路径的工作原理:
相对路径是指相对于当前目录的位置。相对路径使用两个特殊符号,一个点(。)和一个双点(..),它们转换为当前目录和父目录。双点用于在层次结构中向上移动。单个点表示当前目录本身。
现在,我将假设您的顶级ProjectFolder包含您的css,一个名为htmlFolder的文件夹,其中包含html,以及一个名为imageFolder的文件夹,其中包含图像。
因此,从htmlFolder中的文件的角度来看,css文件位于父目录(直接在'上面')之间,因此您的相对路径可能如下所示:
../my style.CSS
图像位于所谓的“兄弟”文件夹中,这意味着它共享同一个父级。兄弟姐妹的路径看起来像:
../image folder/没有image.PNG
关于这个相关问题的最佳答案在网站的背景下提供了类似但更详细的解释:Relative path in HTML