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声明:允许浏览器进入怪癖模式,这绝不是一个好主意.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效