ASP.NET网站没有';无法识别在div中调用的css文件

ASP.NET网站没有';无法识别在div中调用的css文件,css,html,Css,Html,我遇到了一个非常奇怪的问题 当我使用divs而不是表来重建登录页面时,我显然在每个div中添加了一个id,以从css调用它 以下是一些HTML代码作为示例: <div id="divLogin"> <div id="divLblLogin"><asp:Label ID="lblLogin" runat="server">LOGIN</asp:Label> </div> </div> 问题是,

我遇到了一个非常奇怪的问题

当我使用
div
s而不是
表来重建登录页面时,我显然在每个
div
中添加了一个
id
,以从
css
调用它

以下是一些HTML代码作为示例:

<div id="divLogin">
    <div id="divLblLogin"><asp:Label ID="lblLogin" runat="server">LOGIN</asp:Label>        
    </div>
</div>
问题是,当我从VisualStudio(本地主机)运行网站时,它看起来是正常的,并且符合我所定义的(图形化)

但是当我发布网站并在网上运行它时,它只显示控件而不显示所有样式(好像根本没有css代码)

因此,我决定将
div
本身中的所有css编写为:

<div 
        style="margin-top:10px; margin-bottom: 0px; margin-left: 28%; margin-right: 28%; height: 300px; border: 2px solid black;
        border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
        font-family: Good Times; font-size: xx-large;" 
>
    <div style="margin-top: 10px; margin-left: 25px;"><asp:Label ID="lblLogin" runat="server">LOGIN</asp:Label>
    </div>
</div>

登录
这就解决了问题,但我不喜欢这个解决方案,因为它几乎不可读

这是一场战争,我必须赢得这场战争,不管它是什么,也就是说,如何在不定义div本身风格的情况下让css在web上工作???

非常感谢您的帮助

编辑:

#divLogin
{
    margin-top:10px;
    margin-bottom: 0px;
    margin-left: 28%;
    margin-right: 28%;
    height: 300px;
    border: 2px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: Good Times;
    font-size: xx-large;
}

#divLblLogin
{
    margin-top: 10px;
    margin-left: 25px;
}
这是我的母版页,在解决方案资源管理器中有css引用和文件与文件夹层次结构


在样式表中,使用类选择器
.divLogin
而不是ID选择器
#divLogin


请参阅以获取参考。

在样式表中使用类选择器
.divLogin
而不是您的ID选择器
\divLogin



请参阅以供参考。

在设计类的样式时,需要在CSS-ie
.divLogin中使用点符号{
-因为散列符号是按ID选择的。我的错,它实际上是
ID
,而不是
。意外地发布了错误的代码。更新了!在这种情况下,您是如何引用CSS的,是在文件中还是在文件中?如果它在文件中,文件是否正确发布?我不确定是否理解这个问题,但是我添加了一个图像,这可能会澄清一些问题。我知道它是正确发布的,因为基本上css是可读的,并且可以在我的其余页面上工作。只有当我在上面
#SomeDivID{//somecss code}这样的div中调用css时,它才会失败
ohh现在我明白了,它在一个css文件中,并且该文件在母版页中被引用(参见上面编辑的图片),当你设计一个类的样式时,你需要在css-ie
中使用点符号{
-因为散列符号是按ID选择的。我的错,它实际上是
ID
,而不是
。意外地发布了错误的代码。更新了!在这种情况下,您是如何引用CSS的,是在文件中还是在文件中?如果它在文件中,文件是否正确发布?我不确定是否理解这个问题,但是我添加了一个图像,这可能会澄清一些问题。我知道它是正确发布的,因为基本上css是可读的,并且可以在我的其余页面上工作。只有当我在上面
#SomeDivID{//somecss code}这样的div中调用css时,它才会失败
ohh现在我明白了,它在一个css文件中,该文件在母版页中引用(参见上面编辑的图片)我的错,它实际上是
id
,而不是
。意外地发布了错误的代码。升级!您是否检查了CSS文件的正确路径?检查HTML代码,或用小提琴检查。我已在母版页中发布了CSS引用的图像,您可以在解决方案资源管理器中找到文件夹层次结构。据我所知,这是文件路径是正确的,因为其他css功能正在工作。这看起来不错,但我会从另一端开始,检查浏览器中呈现的内容。我建议使用Google Chrome,例如,右键单击div并选择Inspect元素可以帮助您识别应用的样式。您的浏览器可能会阻止对网站资源。我建议您单击以显示页面源代码,然后从您的源代码中获取javascript或css文件的url并将其粘贴到浏览器上。它可能会询问您是否确实要加载它。选择“是”以允许,然后重新加载页面。我的错,它实际上是
id
,而不是
意外出现错误代码。升级!您是否检查了CSS文件的路径是否正确?检查HTML代码,或使用FIDLE进行检查。我已在母版页中发布了CSS引用的图像,您可以在解决方案资源管理器中找到文件夹层次结构。据我所知,由于其他CSS功能正在工作,因此文件路径是正确的。看起来不错,但我会从另一端开始,检查浏览器中呈现的内容。我建议使用Google Chrome,例如,右键单击div并选择Inspect元素可以帮助您确定正在应用的样式。您的浏览器可能会阻止对网站资源的访问。我建议您单击以显示页面源,然后获取url从源代码中的javascript或css文件,并将其粘贴到浏览器上。它可能会询问您是否确实要加载它。选择“是”以允许,然后重新加载页面。