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. 您正在使用master和content 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 回答