链接css文件在另一个文件夹中不起作用

Question

我正在使用appserver，我想链接style.css

.header {
    height: "40px";
    background-color: "red"
}

在我的index.php中

<html>
    <head>
        <META HTTP-EQUIV="Content-language" CONTENT="ar">
        <link rel="shortcut icon" href="img/favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="CSS/style.css"/>
        <title>بام للسيارات | تبضع اينما كنت</title>        
    </head>
    <body>
        <div class="header">

        </div>
    </body>
</html>

但它没有用，我不知道为什么有人可以帮助我

在此处输入图片说明

Answer 1

显然您的CSS不正确，

.header {
    height: "40px";
    background-color: "red"
}

注意值中的引号，这在CSS语法中无效。 它应该是，

.header {
    height: 40px;
    background-color: red;
}

查看代码后，没有其他编码错误。 但是您的文件编码存在严重错误。

index.php是用UTF-16LE编码的，您没有在<head>部分或BOM中声明字符集（您的css文件也没有以UTF-8编码）。 因此，浏览器猜测资源文件也以UTF-16LE编码，该文件读取两个字节作为一个字符。 因此，对于CSS解析器，您的CSS变得完全没有意义，因为它显示为栮慥敤⁲ൻ †栠楥桧㩴㐠瀰㭸਍††慢正牧畯摮挭汯牯›敲㭤਍ൽ 。

所以解决方法很简单

在<head>添加charset声明
将index.php保存为UTF-8编码，或将charset="utf-8"到<link> 。

Answer 2

用这个

<html>
    <head>
        <META HTTP-EQUIV="Content-language" CONTENT="ar">
        <link rel="shortcut icon" href="img/favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="CSS/style.css"/>
        <title>بام للسيارات | تبضع اينما كنت</title>        
    </head>
    <body>
        <div class="header">

        </div>
    </body>
</html>

我已经从这里打包了您的代码

链接css文件在另一个文件夹中不起作用

问题描述

2 个解决方案

解决方案1
4 已采纳 2013-06-29 00:46:38

解决方案2
0

链接css文件在另一个文件夹中不起作用

问题描述

2 个解决方案

解决方案1 4 已采纳 2013-06-29 00:46:38

解决方案2 0

解决方案1
4 已采纳 2013-06-29 00:46:38

解决方案2
0