Html 使用ASP.NET for CSS中的管理样式_Html_Css_Asp.net

Html 使用ASP.NET for CSS中的管理样式

html css asp.net

Html 使用ASP.NET for CSS中的管理样式,html,css,asp.net,Html,Css,Asp.net,我在“管理样式”窗口中创建样式。将其命名为h1，然后尝试将其添加到一些文本中（红色、大字体等）。它正确地显示在windows VS程序中，但一旦调试后显示在浏览器中，h1样式就不会显示此外，当我在页面样式上添加黑色实线边框，并将其应用于div标记时，边框不会显示。请帮忙 #page { border: thin solid #000000; width: 400px; margin: 0 auto; padding: 20px; back

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

此外，当我在页面样式上添加黑色实线边框，并将其应用于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;
      }
`

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

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

要进行调试，您可以将样式放在html的

部分，虽然它在那里会变得杂乱无章，但保留在那里不是一个好主意，但它会起作用。像这样：

<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>


h1{
字体大小：大号；
颜色：#FF0000；
文本对齐：居中；
边缘底部：20px；
}
#第{
边框：薄实线#000000；
宽度：400px；
保证金：0自动；
填充：20px；
背景色：白色；
}


发票总额
.auto-style1{
身高：18.4em；
边际上限：0；
宽度：398px；
}
发票总额计算器

样式表是否甚至呈现到前端？您可以在浏览器-视图源代码中看到它。是的，我正在通过internet explorer从VS对其进行调试。这几乎就像其他东西正在覆盖我编写的外部样式表一样，比如我不知道的h1的默认值。以及#page的默认值。查看下面的我的答案，它可能不是正确的答案，但我把它放在了那里，因此它很容易阅读，请尝试。如果它有效，那么我们知道这是您对css文件的调用。您没有回答我的问题。如果样式表未呈现到浏览器，则无论您在样式表中放置了什么，您都不会在浏览器中看到您的样式。我有自己创建的样式表。我称之为

这很好，把

放进你的

头部>

如果它起作用，我们知道这是你的文件位置，如果它不起作用，那是因为你有什么东西把它去掉了，或者你不正确地调用了你的标签。好吧，那么至少你知道你的文件位置有问题。如果你没有更多的样式要做，你可以把它放在那里，但是如果你要创建一个完整的页面，调试你的css文件和位置可能是个好主意。你的Main.css是否在这个文件上大写？它是否保存在同一个文件夹中？它与my default.aspx位于同一个项目文件夹中。我的解决方案文件夹。

<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>