首页 > 解决方案 > 移动文件后 CSS 未正确链接

问题描述

要提交作业,我必须将我的 css 和 html 文件放在单独的文件夹“作业”中,当我这样做时,CSS 和引导程序没有显示在我的网页中。我知道我需要更新 css 链接,所以这就是我在下面所做的,但它没有用,那么我该如何正确地做到这一点?目录

从:

<link href="styles.css" type="text/css" rel="stylesheet">

<link href="bootstrap.min.css" type="text/css" rel="stylesheet">

至:

<link href="assignment/styles.css" type="text/css" rel="stylesheet">

<link href="bootstrap.min.css" type="text/css" rel="stylesheet">

标签: htmlcss

解决方案


如果您的 index.html 、 style.css 和 bootstrap.min.css 文件在 assignment 文件夹中并且两个 css 没有单独的文件夹,则适用以下代码

<link href="styles.css" type="text/css" rel="stylesheet">
<link href="bootstrap.min.css" type="text/css" rel="stylesheet">

如果您的 index.html , style.css 和 bootstrap.min.css 文件在 assignment 文件夹中,并且两个 css 都有单独的文件夹,名称为 css,则适用以下代码

<link href="css/styles.css" type="text/css" rel="stylesheet">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">

推荐阅读