未应用外部文件中的CSS

时间:2012-02-04 14:27:50

标签: asp.net html css

我在这里已经阅读了一些类似的问题,但是他们提供的答案都无法帮助我。

我有一个用于学习porpuses的小型asp.net页面:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 

Inherits="Site.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="Stylesheet" type="text/css" href="/css/Landing.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="loginHeader" class="aaa">
        <div>
            <asp:TextBox ID="txtUsername" runat="server"/>
            <asp:TextBox ID="txtPassword" runat="server"/>
            <asp:Button ID="Button1" runat="server" Text="Login" OnClick="btnLogin_Click" />
            <asp:Button ID="Button2" runat="server" Text="Register" OnClick="btnRegister_Click" />
            <br />
            <asp:Label ID="Label1" runat="server" Text="Password not valid" Visible="False"/>
        </div>
    </div>
    </form>
</body>
</html>

如您所见,正在添加css / landing CSS文件。 这是这个css文件:

#loginHeader 
{
display:block;
background-color:Blue;
}

.aaa
{
    display:block;
    background-color:Red;
}

如果我打开页面,则不会应用任何样式。 Firebug显示正在下载css。 如果我将css标记移动到页面,在标记内,它可以工作,如果我改回到css文件,它就会停止工作。

你认为这种行为有什么原因吗?

谢谢, 奥斯卡

2 个答案:

答案 0 :(得分:1)

我刚刚发现:我的配置文件出错了,它定义了用户应该登录才能访问css文件... 解决了,谢谢:)。

答案 1 :(得分:0)

您已经通过这种方式编写了链接标记。

<link rel="Stylesheet" type="text/css" href="/css/Landing.css" />

成功

<link rel="Stylesheet" type="text/css" href="css/Landing.css" />

这将指示浏览器在css目录中查找“Landing.css”文件。