Question

我的样式表中的所有内容都与div不同。有点奇怪。我创建了一个测试页面，试着看看为什么它不起作用但没有快乐。

如果我将div包含在页面顶部的标签中，它将起作用。如果我链接css文件本身就没有。我将把我的代码放在下面。

HTML

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" />    
</head>

<body>
<div class="boxed">
This should be in a box
</div>

一个干净的样式表。只有div类的信息。

@charset "utf-8";
/* CSS Document */

.boxed {
border: 1px solid green;
}

希望有人可以指出我正确的方向。

Answer 1

而不是这样，只需输入完整的URL，而不是“style.css”，

 type "http://yourWebsite.com/style.css" instead of "style.css"

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

编辑：还添加type =“text / css”

第二次编辑：

你还需要头脑中的标题，这是必需的。也许它导致了这个问题，也许不是

<head>
<title>This is my Title! </title>  
</head>

Answer 2

在Style.css文件中尝试：

.boxed {
    border: 1px solid #008000;
    display: inline;
}

Answer 3

检查你是否没有放错任何'}'或半列，我觉得你不需要样式表中的@charset“utf-8”，因为你已经在头脑中指定了它

无法获取页面来读取简单div的CSS页面

3 个答案: