Html CSS样式表不工作?

Html CSS样式表不工作?,html,css,Html,Css,我的样式表中有以下代码 body { background-image:url('Background.png'); } td.Header { background: purple Url("Header.png"); height:100px; width:100%; border:5px; border-style:solid; border-color:blue; } 下面是我在html中使用它的方式: <

我的样式表中有以下代码

body 
{        
    background-image:url('Background.png');
}

td.Header
{
    background: purple Url("Header.png");
    height:100px;
    width:100%;
    border:5px;
    border-style:solid;
    border-color:blue;
}
下面是我在html中使用它的方式:

<table align="center" width="800px">
    <tr>
        <td class="header" height="100px">Where's my background and border?</td>
    </tr>
    <tr>
        <td>The Normal Stuff </td>
    </tr>
</table>

我的背景和边界在哪里?
正常的东西
我有我的样式表链接到我的html文件。在css表单上唯一有效的是我的body类。我的背景图像出现在我的身体上。但对于我的td.header来说,一切都不起作用。请帮忙


非常感谢,CSS类名区分大小写。如果您将“td.Header”更改为“td.Header”,它是否有效


希望这有帮助

CSS类名区分大小写。如果您将“td.Header”更改为“td.Header”,它是否有效


希望这有帮助

您的第一个问题是css规则

td.Header
css区分大小写,因此它应该与HTML大小写相同:

td.header

第二,在CSS中,URL不需要使用引号。事实上,我在某个地方读到,最好不要(我记不起在哪里,或者我会引用它:)

你的第一个问题是你的css规则

td.Header
css区分大小写,因此它应该与HTML大小写相同:

td.header

第二,在CSS中,URL不需要使用引号。事实上,我在某个地方读到,最好不要(我记不起在哪里,或者我会引用它:)

CSS可以区分大小写。如果您使用的是XHTML doctype,那么CSS类名是区分大小写的,因此
header
的类名与
header
不同

检查您是否正在使用XHTML的doctype。如果是这样,您需要更改html中的class属性,以便与样式表中的类选择器完全匹配

但是,如果您的DOCTYPE是HTML,那么区分大小写并不重要,而且还会发生其他事情


请注意,HTML5与XHTML一样,也将区分大小写。

CSS可以区分大小写。如果您使用的是XHTML doctype,那么CSS类名是区分大小写的,因此
header
的类名与
header
不同

检查您是否正在使用XHTML的doctype。如果是这样,您需要更改html中的class属性,以便与样式表中的类选择器完全匹配

但是,如果您的DOCTYPE是HTML,那么区分大小写并不重要,而且还会发生其他事情


请注意,HTML5与XHTML一样,也会区分大小写。

在css write
td.header
中,因为类名和ID是区分大小写的在css write
td.header
中,因为类名和ID是区分大小写的作为一种内部声明的样式,对我来说很好,我能想到的唯一一件事是使“header”样式的大小写在样式表声明和td中的使用之间匹配,我认为这可能会在某些浏览器中造成问题。作为一种内部声明的样式,我可以想到的唯一一件事是使“header”的大小写匹配样式表声明和td中的使用之间的样式匹配,我认为这可能会在某些浏览器中导致问题。我正在检查关于区分大小写的问题。似乎确保不区分大小写的唯一方法是故意触发quirks模式。维基百科有一个很好的条目,可以使用它。我正在查看关于区分大小写的文章。似乎确保不区分大小写的唯一方法是故意触发quirks模式。维基百科有一个很好的条目,可以使用它。