CSS无法在样式表中使用

Question

我有一组首先在页面的style属性中创建的样式.

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

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

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

我错过了什么吗？我没有改变任何代码,只是复制和粘贴.

Answer 1

这只是一个黑暗的镜头(在这篇文章的时候)你还没有提供源代码.

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

如果你有:

<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正文中的元素,但可能会出现一些错误,并且它不是定义的行为
• 没有指定doctype声明:允许浏览器进入怪癖模式,这绝不是一个好主意.