CSS 在样式表中不起作用

Question

我有一组样式，它们最初是在页面的样式属性中创建的。

我想将它从页面本身移动到样式表中。

但是，当我将其移至 .css 文件时，分页中断，将代码移回 html 文档，它再次正常工作。

这完全没有意义，将样式从样式移动到 css 文件应该不会破坏代码吧？

我错过了什么吗？我没有更改任何代码，只是复制和粘贴。

Answer 1

这只是瞎猜，因为(在撰写本文时)您还没有提供源代码。

确保您使用 link 链接到您的样式表head 中的标签HTML 文档。

如果你有:

<style type="text/css">
/* <![CDATA[ */
#someid
{
  margin: 0;
  padding: 3px 12px;
}
/* ]]> */
</style>

你需要有

#someid
{
  margin: 0;
  padding: 3px 12px;
}

在你的 CSS 文件中:

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

链接到样式表。

一些常见的新手错误包括:

• <style type="text/css" src="path/to/style.css"> : 因为它的语法与 <script> 相似标签，这是有道理的，但无效
• <link rel="stylesheet" src="path/to/style.css"> :但是link元素使用 href 而不是 src
• 配售link正文中的元素:尽管浏览器倾向于管理 link正文中的元素，可能会出现一些错误，这不是定义的行为
• 不指定文档类型声明:允许浏览器进入怪癖模式，这绝不是个好主意。