CSS中的标题问题H1

时间:2009-05-15 14:50:36

标签: css

我无法更改网站中标题h1的大小和颜色。

我使用了外部Css文件。

代码如下..

h1 {
    Background-color : red;
    Color : green;
}

9 个答案:

答案 0 :(得分:4)

网址会有所帮助。

此外,CSS规则是小写的。 (例如背景颜色,而不是背景颜色)

了解CSS特性,这可能是问题所在:http://htmldog.com/guides/cssadvanced/specificity/

答案 1 :(得分:3)

尝试使用Firebug或IE8开发人员工具检查元素,并确保您没有来自其他样式表或html文档中其他位置的冲突样式。

答案 2 :(得分:3)

多数民众赞成对我好。

你可能在样式表的其他地方设置了H1的问题。

您可以搜索它或进行重要的调整,例如。

h1{
  background-color: #ff0000 !important;
  color: #00FF00 !important;
}

希望这有帮助

答案 3 :(得分:0)

尝试在其后面设置'!important':

color: green !important;

请注意,这仅适用于覆盖外部CSS的其他样式。您应该测试外部CSS文件是否完全读取。例如,你可以通过制作一个新的段落来做到这一点。给它一个id(id =“foo”)并在你的css中设置它

color: green;

如果它没有变绿,你应该检查你的css包含路径。

答案 4 :(得分:0)

您也可以考虑使用十六进制代码代替“红色”和“绿色” - 我已经看到在某些浏览器中产生一些奇怪的行为(或者完全被忽略)。

答案 5 :(得分:0)

h1 {
    background: red !important;
    color: green !important;
}

此外,根据原始h1声明的编写方式,您可以使用specificitycascading覆盖之前的值。

答案 6 :(得分:0)

另外,考虑一下你调用外部样式表的顺序,你可能首先出现你的主css文件,然后出现第二个样式表,也就是在你的H1上设置了样式,这可能会覆盖你的第一个样式表 - 无论如何要调查的东西。

答案 7 :(得分:0)

我确定您已经验证外部样式表已加载到您的网站,并且您正在正确引用它。

答案 8 :(得分:0)

遇到此问题的一种方法是,如果您的 css 文件位于 stylesstyles\pages 子文件夹中,而您没有提供完整的相对路径。

说 site.css 文件是否在样式文件夹中。

这将不会加载样式(因为提供了路径并且文件不在根目录中)

<link rel="stylesheet" type="text/css" href="site.css" media="screen" /> 

这将正确加载。

<link rel="stylesheet" type="text/css" href="styles/site.css" media="screen" />