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