0

所以我知道我可以通过使用 CSS-class 或 CSS-id 关联来设计 HTML 控件的样式。

例如,HTML:

CSS:
div
{
    position: absolute;
}

    div#divHeader
    {
        left: 1px;
        right: 1px;
        top: 5px;
        min-width: 90%;
        height: 100px;
        text-align: center;
    }
HTML:
        <div id="divHeader">
...
        </div>

问题:

我可以为 ASP.Net 控件使用相同的关联,还是必须隐式声明与 CSSClass 属性的关联?

CSS:
#lblTitle
{
    width: 100px;
}
HTML:
  ...
  <td id="tdTitle">
    <asp:Label ID="lblTitle" Style="font-size: 46pt; vertical-align: middle;" runat="server" />
  </td>
  ...

我认为它会起作用,但需要一些验证。如果我必须使用 CSSclass 属性,我会但宁愿将该属性保留用于其他通用样式开发。

4

2 回答 2

1

你有几个选择:

  1. 使用类或匹配 ID 定义 CSS
  2. 确定呈现的 HTML 元素类型(span、input、div 等)并围绕它构建样式。

选项 1 在使用类时不会成为真正的问题,除了必须将 class="yourclass" 放在您的控件标签上。我倾向于远离 ID 标签,除非有明确的理由来设计这一个元素。

选项 2:您必须深入了解如何根据表单中呈现的 HTML 分层定义 css;在渲染时弄清楚“”等。

于 2012-11-26T16:12:25.753 回答
1

我可以为 ASP.Net 控件使用相同的关联,还是必须隐式声明与 CSSClass 属性的关联?


答案是肯定的。
但正如您可能会说的那样,它div#divHeader是一个 id css。它将应用于每个div具有 id 的人divHeader
但是您也应该知道 ahtml-control和之间的区别asp.net control

asp.net 中的id属性在运行时发生变化,这可能是由于许多原因。

  1. 您正在使用mastercontent pages
  2. 您正在使用user controls.
  3. 如果您正在使用gridview或类似的控件。

在这种情况下1,如果您使用的是 asp.net 4.o 及更高版本,则2可以使用static id如下。

 ClientIDMode =static 

但是在gridview的情况下,您可以使用父子或herical方法。您将必须了解 html 在浏览器上的呈现。
只有这样你才能创建一个好的 css 类。

于 2012-11-26T16:28:07.483 回答