CSS在样式表中不起作用

CSS在样式表中不起作用,css,Css,我有一组样式,它们首先是在页面的style属性中创建的 我想将它从页面本身移动到样式表中 但是,当我将其移动到.css文件时,页面会断开,将代码移回html文档,它会再次正常工作 这完全没有意义,将样式从样式移动到css文件不应该破坏代码,是吗 我错过什么了吗?我没有修改任何代码,只是简单地复制粘贴。这只是瞎猜,因为(在撰写本文时)您还没有提供源代码 确保使用HTML文档的标题中的链接标记链接到样式表 如果你有: <style type="text/css"> /* <![CD

我有一组样式,它们首先是在页面的style属性中创建的

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

但是,当我将其移动到.css文件时,页面会断开,将代码移回html文档,它会再次正常工作

这完全没有意义,将样式从样式移动到css文件不应该破坏代码,是吗


我错过什么了吗?我没有修改任何代码,只是简单地复制粘贴。

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

确保使用HTML文档的
标题中的
链接
标记链接到样式表

如果你有:

<style type="text/css">
/* <![CDATA[ */
#someid
{
  margin: 0;
  padding: 3px 12px;
}
/* ]]> */
</style>
在CSS文件中使用:

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

链接到样式表

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

  • :因为它的语法与
    标记类似,虽然有意义,但无效
  • :但是
    链接
    元素使用href而不是src
  • 在主体中放置
    链接
    元素:虽然浏览器倾向于管理主体中的
    链接
    元素,但可能会出现一些错误,这不是一种定义的行为
  • 指定doctype声明:允许浏览器进入怪癖模式,这绝不是一个好主意

您应该确保样式表已正确导入。 有时,
@import
如果没有相应地使用,则无法正常工作,因此请始终参考您的样式表:

始终记得关闭
标记,因为它是一个自动关闭标记。我想@zzbov忘了提到这一点

最后,如果这不起作用,请尝试通过物理写入(在
部分上方)来覆盖某些样式,例如:

<style type="text/css">
    body { background: blue; }
    * { color: red; }
</style>

正文{背景:蓝色;}
*{颜色:红色;}
看看这是否会给你一个蓝色的背景和红色的文本。应该这样。然后,尝试实现引用方法,并确保将样式表文件引用到正确的目录


祝你好运

我也有同样的问题,但原因不是代码中的错误,而是.css文件在进行修改后加载有一定的延迟。服务器需要5-10分钟来更新更改。

我也有这个问题,原因是一些url()引用的路径必须更新,因为css文件位于另一个文件夹中,而不是以前调用它的html文件

所以基本上

background-image: url('patterns/debut_dark.png');
不得不改成

background-image: url('../patterns/debut_dark.png');

不要在你的.css文件中包含

我也有同样的问题,非常沮丧。我有一个正确引用的css文件,但是并不是所有的元素都从中加载。事实证明,这是Chrome中的缓存问题。清除并重新启动窗口后,css元素工作正常。

遇到了相同的问题。发现我的css文件中有几行应该被注释掉(一块调色板信息,我已剪切并粘贴到文件顶部以供快速参考)。

这似乎是一个愚蠢的问题,但您是否从页面内部引用css文件?您显然没有“有足够的信息可以帮助您解决问题”。发布详细信息。例如,您如何在HTML文件中包含css文件?如果没有示例,我们将无法帮助您。您只需关闭(
/>
)XML/XHTML中的solo标记,甚至在那时,浏览器都非常宽容。+1展示了如何做。我怀疑你现在不会出错;)谢谢你的帮助,非常感谢,但我认为我遇到的问题是,经过更多的测试后,似乎更与浏览器相关,如在IE8/7和FF4&safari上,它可以正常工作,但在Chrome中,当我以本地文件的形式运行这些文件,这也很好,但是在上传到我的服务器后,一些元素正在向下移动,而不是在旁边。这没有任何意义,但是如果我将样式移回HTML中,它就可以正常工作。Chrome中是否存在这样做的bug?或者其他什么?
background-image: url('../patterns/debut_dark.png');