将CSS样式与ASP.Net控件关联

将CSS样式与ASP.Net控件关联,asp.net,css,Asp.net,Css,因此,我知道我可以通过使用CSS类或CSS id关联为HTML控件设计样式 例如,HTML: CSS: HTML: HTML: 。。。 ... 我认为它会起作用,但需要一些验证。如果必须使用CSSclass属性,我会保留该属性,但更愿意将其用于其他通用样式开发。您有两个选项: 使用类或匹配ID定义CSS 确定呈现什么类型的HTML元素(span、input、div等),并围绕这些元素构建样式 在使用类时,除了必须将class=“yourclass”放在控件标记上之外,选项1实际上不是问题。我倾

因此,我知道我可以通过使用CSS类或CSS id关联为HTML控件设计样式

例如,HTML:

CSS: HTML: HTML:
。。。
...

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

您有两个选项:

  • 使用类或匹配ID定义CSS
  • 确定呈现什么类型的HTML元素(span、input、div等),并围绕这些元素构建样式 在使用类时,除了必须将class=“yourclass”放在控件标记上之外,选项1实际上不是问题。我倾向于偏离ID标签,除非有明确的理由只为这一个元素设置样式


    选项2:您必须进入并找出如何基于表单中呈现的HTML分层定义css;找出呈现时的“”等。

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


    答案是肯定的。
    但正如您可能知道的那样,
    div#divHeader
    是一个id css。它将应用于id为divHeader的every
    div

    但是您还应该知道
    html控件
    asp.net控件
    之间的区别

    id
    属性在asp.net运行时发生更改,这可能是由于多种原因造成的

  • 您正在使用
    母版
    内容页
  • 您正在使用
    用户控件
  • 如果您使用的是
    gridview
    或类似控件
    1
    2
    条件下,如果您使用asp.net 4.o及以上版本,则可以使用
    静态id
    ,如下所示

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

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