我有一个asp.net网站,我正在使用样式表。问题是,当我进入样式表进行一些更改时,它们似乎并没有影响页面的布局。一时兴起,我注释掉样式表中的每一行,我的布局看起来都一样!
我确实将样式表链接到我的母版页,并且布局看起来(大部分)就像我想要的那样。什么可能导致这种行为,我该如何尝试纠正?
编辑:我的导入链接如下所示:
<link href="NCLWebStyle.css" rel="stylesheet" type="text/css" media="screen" />
答案 0 :(得分:1)
调试的一些想法:
!important
答案 1 :(得分:1)
如果您使用的是Firefox,请查看Firebug添加内容 - 这样可以让您在浏览器中加载和呈现页面时检查页面,并且您可以准确了解页面中每个元素应用的CSS规则,每个属性的继承是什么 - 它作为一个网页设计工具是非常宝贵的
答案 2 :(得分:1)
在Firefox中加载网站并检查网络标签以确保样式表正在加载。从您的链接看起来样式表与页面位于同一文件夹中。如果不是,则可能需要修改路径。如果不是那个问题;否则它可能是你的一些选择器。诊断的简单方法是改变一些简单的事情:
body { background: red; }
这会将背景设置为红色,因此如果加载则应该很明显。如果是,则选择器关闭或者可能是您正在设置的样式被覆盖。使用Firebug选择元素并查看样式是否被覆盖。如果您编写的样式通过它们进行了敲击,那么它们将被更具体的样式或稍后加载的某些内容覆盖。检查它正在加载它所使用的样式的位置。
此外,样式可能会被!important
标记弄乱,这会阻止任何其他样式过度写入它设置的值。
答案 3 :(得分:0)
您的链接语法是什么样的?
即。 <link rel="stylesheet" type="text/css" href="style/style.css" />