在 ASP.NET 中为 CSS 使用管理样式答案

【问题标题】：Using the Manage Styles in ASP.NET for CSS在 ASP.NET 中为 CSS 使用管理样式
【发布时间】：2015-07-17 20:03:24
【问题描述】：

我在管理样式窗口中创建了一个样式。将其命名为 h1，然后尝试将其添加到一些文本（红色、大字体等）上。它在 windows VS 程序中正确显示，但是一旦它显示在浏览器中调试它，h1 样式就没有显示出来。

此外，当我在#page 样式上添加黑色实线边框并将其应用于 div 标签时，边框不会显示。请帮忙。

#page
    {
        border: thin solid #000000;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: White;
    }

      h1
      {
    font-size: large;
    color: #FF0000;
    text-align: center;
    margin-bottom: 20px;
      }
`

以上是我在样式表中为样式属性编写的内容。

【问题讨论】：

样式表会渲染到前端吗？您可以在浏览器中看到它 - 查看源代码。
是的，我正在通过 Internet Explorer 从 VS 调试它。
这几乎就像是其他东西覆盖了我编写的外部样式表，就像我不知道的 h1 的默认值一样。以及#page 的默认设置。
在下面查看我的答案，它可能不是正确的答案，但我把它放在那里以便于阅读，试试看。如果它有效，那么我们知道这是您对 css 文件的调用。
你没有回答我的问题。如果样式表没有呈现给浏览器，那么无论您在样式表中放什么，您都不会在浏览器中看到您的样式。

标签： html css asp.net

【解决方案1】：

您的 CSS 是否在其自己的文件中，如果有，请确保您正确链接它。如果您添加代码，我们可以向您展示如何操作。

要进行调试，您可以将样式放在 html 的 <head></head> 部分中，虽然那里往往会变得杂乱无章，但将其保留在那里并不是一个好主意，但它会起作用。像这样：

<head>
<style>
h1 {
    font-size: large;
    color: #FF0000;
    text-align: center;
    margin-bottom: 20px;
}
#page { 
    border: thin solid #000000; 
    width: 400px; 
    margin: 0 auto; 
    padding: 20px; 
    background-color: White; 
}
</style>
</head>

【讨论】：

我有自己创建的样式表。我打电话给它<link href="Main.css" rel="stylesheet" type="text/css" />
没关系，将<style></style> 放入您的head> 如果它有效，我们知道它是您的文件位置，如果它无效，那是因为您有一些东西可以摆脱它或你错误地调用了你的标签。
好的，所以至少您知道您的文件位置存在或曾经存在问题。如果您没有更多的样式可做，可以将其留在那里，但如果您正在创建整个页面，调试您的 css 文件和位置可能是个好主意。

【解决方案2】：

<head id="Head1" runat="server">
<title>Invoice Total</title>
<link href="Main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    .auto-style1 {
        height: 18.4em;
        margin-top: 0;
        width: 398px;
    }
</style>
 </head>
  <body>
  <form id="form1" runat="server">
   <div id="page" class="auto-style1">

    <h1>Invoice Total Calculator</h1>

【讨论】：

你的 Main.css 文件是否大写？它是否保存在同一个文件夹中？
它与我的 default.aspx 位于同一个项目的同一文件夹中。我的解决方案文件夹。