html - id 和 class 属性不起作用

标签 html css class attributes

我正在尝试制作一个 HTML 代码,但是当我尝试将“div”与类或 id 一起使用时,它不会执行类中编写的内容。只有当我在标签之间写它时(所以当我在标签之间写宽度时它才有效,但如果我在类中写它则不行)。

.header {
  width: 100px;
  height: 10px;
  background: blue;
}
<!doctype html>
<html>

<head>
  <link type="text/css" rel="OIM11 - CSS" href="OIM11 - CSS.css" />
  <title></title>
</head>

<body style="background-color:#666666">
  <div class="header"></div>
</body>

</html>

知道为什么这行不通吗?

最佳答案

如有疑问,请打开几乎任何网站上的开发人员工具并查看它们包含样式表的方式。我不知道你是怎么想出这种格式的。这是正确的方法:

<link rel="stylesheet" type="text/css" href="path/to/main.css">

此外,命名文件时避免使用空格。在您看来,我会将当前文件重命名为 OIM11-CSS.css

关于html - id 和 class 属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42137515/

相关文章:

javascript - 调整背景图像以适合浏览器窗口 JavaScript/HTML/CSS/JQuery

html - 隐藏仅在 Windows 上显示的无用滚动条

java - 在一个类中使用 ActionListener 来启动另一个类中的计时器

继承方法的Python命名空间(属性)

html - 如何定位嵌套类的第一个实例?

python - 从装饰器中获取 Python 函数的所属类

javascript - html5 视频中的 Youtube 类型注释

java - 执行 php 文件从 SQL 数据库获取信息时如何上传数据用作过滤器?

html - 使用媒体查询更改值数据属性

html - 带边框的 chrome、IE 等中的缩小错误?