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>

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

enter image description here

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解析器完全没有意义，因为它读取栮慥敤⁲ൻ †栠楥桧㩴㐠瀰㭸਍††慢正牧畯摮挭汯牯›敲㭤਍ൽ。

所以修复非常简单，

在charset

<head>

将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>

我已将您的代码打包到here

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

2 个答案: