CSS无法在样式表中使用

前端之家收集整理的这篇文章主要介绍了CSS无法在样式表中使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一组首先在页面的style属性中创建的样式.

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

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

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

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

解决方法

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

确保使用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”>:但链接元素使用href而不是src>将链接元素放置在正文中:虽然浏览器倾向于管理正文中的链接元素,但可能会出现一些错误,并且它不是定义的行为>未指定doctype声明:允许浏览器进入怪癖模式,这绝不是一个好主意.

猜你在找的CSS相关文章