Question

如何在vb asp.net项目中链接css文件

现在我的css文件没有从Home.aspx文件运行。我应该在Home.aspx文件中键入的All_Body.css文件路径是什么。

我需要将此代码放在服务器上，因此我无法使用计算机用户名的完整路径

项目文件：

>MyWebsite
    >Styles
        >All_Body.css
    >UI
        >Home.aspx
>Master.master

All_Body.css完整路径

C:\Users\Dave\source\WebSites\MyWebsite\Styles\All_Body.css

Home.aspx

<asp:Content id="Home_Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="~\Styles\All_Body.css" />
...
</asp:Content>

Master.master

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head> 
<body>
...
</body>
</html>

Answer 1

<强> Home.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    ....
</asp:Content>

<强> Master.master

CSS文件的链接应位于＆lt; head＆gt;中母版页的元素：

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <link rel="stylesheet" type="text/css" href="Styles/All_Body.css" />
</head> 
<body>
    <form id="form1" runat="server">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </form>
</body>
</html>

请注意，我更新了CSS文件的路径，这是不正确的;此链接相对于根。此外，"~/"仅在您包含runat="server"时才有效 - 无论哪种方式在使用CSS的相对链接时都不需要。您还有一个格式错误的头部内容占位符。主页中缺少主要内容的内容占位符。没有表格标签，所以没有什么可以工作。实际上，您提供的代码甚至无法编译。如果您只是使用带有母版页选项的标准Web窗体模板，那么它就可以工作。

提示：在母版页中获取CSS链接的最简单方法是将CSS文件从解决方案资源管理器拖到＆lt; head＆gt; Visual Studio中母版页的一部分。

Answer 2

我清除了浏览器缓存，但它确实有效。

Answer 3

浏览器不会重新加载css或js文件，因此作为开发人员，每次更新css或js文件时都必须执行硬刷新/重新加载，并且必须添加查询字符串在href或src之后，当您将网站发布到服务器并每次更改数字时，？v = 0.01 。

例如：

href =“styles.css ？v = 0.01 ”
SRC = “main.js的？V = 0.01 ”的

现在，浏览器会认为这是一个新文件，并将在客户端浏览器中重新加载。

如何在vb asp.net项目中链接css文件

3 个答案: