2

特にASP.NET MVCやPHPなどのタグベースのテクノロジーを使用する場合は、'hidden'「マーカー」cssスタイルを定義すると便利です。'selected'

.hidden
{
    display:none;
}

.newsItemList li.selected
{
    background-color: yellow;
}

ここで車輪を再発明する気は特にないので、このような他の便利なものや一般的なもの、または注意すべき落とし穴があるかどうかを知りたいと思っていました.

このような他のものについて、特定の css フレームワークを見る必要がありますか? さらに、検索できるこのタイプの css クラスの名前があります。

4

5 に答える 5

2

不要なクラスの束でコードを肥大化させるのではなく、必要なものを定義するだけだと言う他のポスターに同意します。

そうは言っても、私は次のことを常に使用していることに気づきました。

  • .accessibility - 要素を視覚的に非表示にしますが、スクリーンリーダーと印刷スタイルシートのためにそのまま維持します
  • .clear - Easy Clearingに関連付けられています
  • .first-child および .last-child - コンテナー内の最初/最後の項目にスタイルを簡単に割り当てます。これは何度も命の恩人であり、サポートが不十分な :pseudo セレクターよりも好みです
  • .replace -透明な画像の置換のためにPhark IRに関連付けられています

.js最後に、<html>要素に動的に割り当てます

<script type="text/javascript">if(h=document.documentElement)h.className+=" js"</script>

これにより、.js (残りのセレクター)スタイルを定義して、JavaScript が有効になっているブラウザーのみをターゲットにすることができます。

于 2009-02-15T20:11:19.123 に答える
1

最近、CSS クラスを「マーカー」として使用することを検討している非常に初心者の Web 開発者からの回答を差し上げましょう。私が完全に間違っているかもしれないので、これを決定的な答えと見なさないでください。しかし、別の視点として見てください。

いくつかのマーカー クラスも使用する予定でした。DIV タグの要素を中央に配置するために、.center という名前のタグを作成しました。しかし、私は CSS をすべて間違って見ているという考えに感銘を受けました。CSS は、HTML ページを変更せずに要素を表示する方法を定義するものであると考えました。たとえば、.center などのマーカー クラスを使用すると、来月 DIV タグを右揃えにしたい場合、CSS と HTML の両方を変更する必要があります。その代わりに、.latestHeader クラス (DIV はニュース項目などの「最新情報」を保持するためのもの) を作成し、そのクラスでテキストを中央揃えに設定しました。テキストの両端揃えを変更したい場合は、その DIV の CSS を変更するだけで、HTML に手を加える必要はありません。

于 2009-02-15T03:56:24.160 に答える
1

CSS フレームワークに関するご質問について...

個人的には、W3Cが最も複雑でありながら、あらゆる CSS の質問に対する最も正確な回答を持っていることを常に認識しています。

CSS/HTML/PHP を何年もプログラミングして遊んだ後、私は上記のコメントに同意します。

「.center」または「.righths」の行に沿って何かを使用して、何かのマーカーを中央揃えまたは右揃えに定義しても害はありませんが、スラブ全体を変更したい場合は上記のように覚えておいてくださいCSS と HTML の両方を編集する必要があるため、テキストの作業が増えます。

セクション全体のフォーマットを定義すると、ほとんどの場合、より論理的に機能する可能性があります。なぜなら、数か月後にセクションを変更したい場合、個々の記事を編集するのではなく、1 つの CSS 宣言のフォーマットを編集するだけで済むからです。

しかし、CSS は、管理者が Web サイトを自分の思い通りに見せることができる究極のスタイリング言語として設計されました。ただし、過剰な CSS はサーバーの負荷を増加させ、クライアントがページを表示するまでの時間を増加させ、' Web デザインの風水' に沿って過度のスタイリングを行う可能性があることに注意してください。

于 2009-02-15T04:04:05.593 に答える
1

このリストは、全面的にジェネリック クラスのリストを要求するのではなく、必要に応じて実際に拡大する必要があります。肥大化するだけです。車輪の再発明を避けたい場合は、いくつかの CSS フレームワーク ( blueprintまたは960 ) を調べてください。いくつかの点で、.center { text-align:center } のような一般的なクラスには、ある程度の冗長性がありますが、多くの場合必要になります。たとえば、あまりにも一般的ですが避けるべき次のパターンは次のとおりです。

element.onclick(function(e){ this.style.backgroundColor = 'yellow' }

本当に使用する必要があるため、それは悪いことです:

element.onclick(function(e){ this.className = 'highlight' }

後者では、CSS ファイルに触れるだけでスタイルを変更できます。ただし、CSS クラス名にスタイル要素が 1 つしかない場合は、おそらくそれを避ける必要があります。これは、それを (例では .hidden ) 使用して代わりに直接呼び出しても意味がないためです。

element.onclick(function(e){ this.display = 'hidden}
于 2009-02-15T04:37:13.093 に答える
0

私は自分のすべてのスタイルシートで 2 つのクラスを保持していることに気付くことがよくありtext-align: center;ますclear:both;。

すべてのスタイルに「リセット」ステートメントを追加することを検討しましたが、まだ必要ありません。リセット ステートメントは次のようになります。

*
{
  margin: 0;
  padding: 0;
}

私はこれらを頻繁に再利用して、ほぼすべてのものに含めます。それらは十分に小さいので、コードが肥大化することはまったくありません。

于 2009-04-18T18:33:17.670 に答える