Fatal编程技术网
  • html/
  • 无法将CSS文件链接到HTML文件

无法将CSS文件链接到HTML文件

html css

无法将CSS文件链接到HTML文件,html,css,Html,Css,我正在尝试将三个CSS样式表链接到我的index.php文件： bootstrap-337.min.css font-awesome.min.css style.css 我已成功链接引导样式表，但无法链接字体和样式表 我已经分别测试了所有三个，style.css是我为这个项目创建的css文件 我还尝试将css代码放在php文件中的样式标记中，但我无法将css链接到单独的样式表中 HTML代码： <head> <meta charset="UTF-8&quo

我正在尝试将三个CSS样式表链接到我的index.php文件：

  • bootstrap-337.min.css
  • font-awesome.min.css
  • style.css
我已成功链接引导样式表，但无法链接字体和样式表

我已经分别测试了所有三个，style.css是我为这个项目创建的css文件

我还尝试将css代码放在php文件中的样式标记中，但我无法将css链接到单独的样式表中

HTML代码：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>online store</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap-337.min.css" >
    <link rel="stylesheet" href="/font-awsome/css/font-awesome.min.css">
</head>
我正在为Ubuntu的Xampp服务器编写VS代码

我尝试在链接标记的末尾使用type属性“/”，在href中的路径开头使用“/”：

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

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

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

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

查看您发布的图像和发表的评论，我认为您没有正确引用它们所在文件夹中的文件-从图像中，我认为路径可能如下所示

<link rel='stylesheet' href='/e-commerce/css/bootstrap-337.min.css' />
<link rel='stylesheet' href='/e-commerce/css/style.css' />
<link rel='stylesheet' href='/e-commerce/font-awesome/css/font-awesome.css' />
<link rel='stylesheet' href='/e-commerce/font-awesome/css/font-awesome.min.css' />
查看您发布的图像和发表的评论，我认为您没有正确引用它们所在文件夹中的文件-从图像中，我认为路径可能如下所示

<link rel='stylesheet' href='/e-commerce/css/bootstrap-337.min.css' />
<link rel='stylesheet' href='/e-commerce/css/style.css' />
<link rel='stylesheet' href='/e-commerce/font-awesome/css/font-awesome.css' />
<link rel='stylesheet' href='/e-commerce/font-awesome/css/font-awesome.min.css' />
您只需执行以下操作：

您只需执行以下操作：
告诉更多关于目录结构的信息如果打开开发人员控制台并重新加载页面，是否有任何错误-特别是404个涉及这些CSS文件的错误？项目位于Xampp所在的目录中，即/opt/lampp/htdocs/e-commerce e e-commerce-contains index.php、CSS、js、，字体a一些etc文件夹。您是否尝试过以不同的顺序加载它们，以便最后加载样式？这将确保bootstrap或fontawesome不会覆盖您的样式。@Jason是的，最初我在第一次尝试时就尝试过。告诉更多关于您的目录结构的信息如果打开开发人员控制台并重新加载页面，是否有任何错误-特别是引用这些CSS文件的404错误？项目位于Xampp所在的目录中位于，即/opt/lampp/htdocs/e-commerce电子商务包含index.php、css、js、font-awsome等文件夹。您是否尝试过以不同的顺序加载它们，以便最后加载样式？这将确保bootstrap或fontawesome不会覆盖样式中的内容。@Jason是的，最初我在第一次尝试时就尝试过。这不正确，因为样式在文件夹中css@PulkitJain哦，对不起，这有点混乱，因为这个文件夹叫做css。你试过了吗？我试过很多东西，上面提到过。这不正确，因为样式在文件夹中css@PulkitJain哦，对不起，这有点混乱，因为这个文件夹叫做css。你试过了吗？我试过很多方法，上面提到过。这些方法部分有效，
font-awesome.min.css
开始工作，但是
style.css
仍然不起作用。你必须确认涉及的路径。截图没有清楚地显示所涉及的路径，因此只是猜测…这些文件夹的完整路径是什么？实际上截图清楚地显示了完整路径。对于
style.css
，
opt\lampp\htdocs\e-commerce\css\style.css
是绝对路径，如果
font-awesome
和
style
css文件位于同一文件夹中，并且路径现在是正确的，或者
style.css
正在加载，其效果未被观察到，或者其他一些问题正在阻止加载该文件（.htaccess或服务器配置？？）
font-awsome.css
和
style.css
在不同的文件夹中，
font-awsome.css
在
e-commerce
项目目录下的
font-awsome
文件夹中，而
style.css
在
e-commerce
目录下的css文件夹中，与
bootstrap.min.css
相同。这部分起作用，
font-awesome.min.css
已开始工作，但
style.css
仍不工作。您必须确认所涉及的路径。屏幕截图未清楚显示所涉及的路径，因此只是猜测…这些文件夹的完整路径是什么？实际上屏幕截图清楚显示了完整路径。对于
style.css
，
opt\lampp\htdocs\e-commer如果
font-awome
和
style
css文件位于同一文件夹中，并且路径现在正确，则ce\css\style.css
是绝对路径，或者
style.css
正在加载，其效果未被观察到，或者其他一些问题正在阻止加载该文件（.htaccess或server config？？）
font-awsome.css
和
style.css
在不同的文件夹中，
font-awsome.css
在
e-commerce
项目目录下的
font-awsome
文件夹中，而
style.css
在
e-commerce
目录下的css文件夹中，与
bootstrap.min.css
相同。