应用外部 CSS 不提供样式答案

【问题标题】：Apply External CSS gives no Styles应用外部 CSS 不提供样式
【发布时间】：2015-01-26 23:05:15
【问题描述】：

您好，我是 ASP.NET 新手，正在学习我自己的东西！问题是我想将外部 CSS 样式添加到我的网页。为此，我创建了一个外部 CSS 并将其拖到我的页面上以将其导入我的网页！喜欢：

   <link href="file:///D:\C#%20Work%20Space\Login%20Demo\mystyler.css" rel="stylesheet"
    type="text/css" />

然后，我在我的 CSS 中添加了一个类：

   .container
   {
   background:red;
   margin-top:100px;
   margin-left:100px;
   width:200px;
   height:200px;
   }

我将 in 用于一个简单的 div 元素：

   <!html xmlns="http://www.w3.org/1999/xhtml">
   <!head runat="server">
   <!title>Untitled Page</title>
   <!link href="file:///D:\C#%20Work%20Space\Login%20Demo\mystyler.css" rel="stylesheet"
    type="text/css" />
   </head>
   <!body>
   <!form id="form1" runat="server">
   <div class="container"> Here I want to add External CSS Class
    <!h1>Hello</h1>
   </div>
   </form>
   </body>
   </html>

所以，问题是我的外部 CSS 没有为我的网页提供任何样式！是我做错了什么吗请有人帮助我！提前致谢

【问题讨论】：

对我来说这不是一个好的文件路径。尝试将 css 文件从解决方案资源管理器拖到标题部分。
我也是这样做的
它可能看起来像：~/Content/Styles/mystyler.css 如果您已将 css 表放在您的内容 -> 样式文件夹中
问题是它在我的 VS 设计视图中显示样式，而不是在 Web 浏览器中！

标签： html css asp.net

【解决方案1】：

改变

   <link href="file:///D:\C#%20Work%20Space\Login%20Demo\mystyler.css" rel="stylesheet"
type="text/css" />

到

   <link rel="stylesheet" type="text/css" href="mystyler.css" />

Login%20Demo 是您应用的根目录

【讨论】：

如果 Login%20Demo 它应该可以工作，然后将其更改为 loginDemo 在创建文件夹时避免文件夹名称中的空间。你也可以试试href="/mystyler.css" 或href="../mystyler.css"

【解决方案2】：

我不知道你为什么在链接标签中使用'！'符号。删除它并检查您的外部 css 样式是否有效。

【讨论】：