0

したがって、CSS クラスまたは 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

この同じ関連付けを ASP.Net コントロールに使用できますか? または、暗黙的に CSSClass 属性との関連付けを宣言する必要がありますか?


答えはイエスです。
しかし、あなたが知っているかもしれないように、それdiv#divHeaderは id css です。divid を持つすべてに適用されdivHeaderます。ただし、 aと
の違いも知っておく必要があります。属性は asp.net で実行時に変更されますが、これには多くの理由が考えられます。html-controlasp.net control

id

  1. とを使用masterしてcontent pagesいます。
  2. を使用してuser controlsいます。
  3. gridviewまたは同様のコントロール を使用している場合。

asp.net 4.o以上をお使いの場合、以下の条件1でご利用いただけます。2static id

 ClientIDMode =static

ただし、グリッドビューの場合は、親子またはヘリカル アプローチを使用できます。ブラウザでの html のレンダリングを理解する必要があります。
そうして初めて、優れた CSS クラスを作成できるようになります。

于 2012-11-26T16:28:07.483 に答える
1

いくつかのオプションがあります。

  1. クラスまたは一致する ID で CSS を定義する
  2. レンダリングされる HTML 要素のタイプ (span、input、div など) を決定し、それに基づいてスタイルを構築します。

コントロールタグに class="yourclass" を配置する必要があることを除けば、クラスを使用する場合、オプション1は実際には問題になりません。この 1 つの要素だけをスタイリングする明確な理由がない限り、私は ID タグから遠ざかる傾向があります。

オプション 2: フォームからレンダリングされた HTML に基づいて css を階層的に定義する方法を理解する必要があります。レンダリング時にその "" を把握するなど。

于 2012-11-26T16:12:25.753 に答える