CSSのコメント-CSSチュートリアル-php.cn

CSS Comments

すべてのプログラミング言語では、コメントやその他のヒントがコードの意味を理解するのに役立ちます。すべてのCSSコードがfont-size: 20pxほど明確であるわけではないため、一部のスニペットはコメントやその近くに他のプロンプトを追加することで利益を得ることができます。例は次のとおりです。

.cf {
  zoom: 1; /* 用于IE6和IE7 */
}

ログイン後にコピー

このコードのコメントは、「IE6とIE7の場合」のパーツであり、その後にアスタリスクが続き、最後のアスタリスクとバックスラッシュがそれを認識します。このようなコメントをスタイルシートに追加することができ、CSSコメントを使用して、一目で見るのが難しいかもしれないスタイルシートの一部を特定するのに役立つことをお勧めします。 CSSアノテーションでスタイルシートを簡単に読みやすくすることで、CSSは将来的に維持しやすくなります。 CSSコメントは、必要に応じて複数の行にまたがる可能性があります。スタートとエンドのコメント文字の間のすべては、ブラウザによって無視され、コメント文字自体は無視されます。したがって、CSSファイルに以下がよく表示されます。

/***************************
****************************
这些是
页眉部分的样式
****************************
***************************/

ログイン後にコピー

この例では、スタートアンドエンドのアスタリスクとバックスラッシュの文字を含めただけでなく、複数の行にまたがる追加のアスタリスク文字も追加したことに注意してください。これにより、CSSファイルをスクロールするときにコメントを簡単に見つけることができます。 CSSにこのようなセクションタイトルを追加すると、読みやすい関連コードブロックに整理することができます。残念ながら、CSSには、開始コメント文字の組み合わせのみを使用する有効なシングルラインコメントをレンダリングする簡単な方法がありません。たとえば、JavaScriptでは、次のようなコードをコメントすることができます。

これはJavaScriptで役立ちます。これは、コードの行全体を簡単に無効にしたり、2人の文字（バックスラッシュ）で有用なコメントを追加する可能性があるためです。ただし、CSSでは、コメントの境界を指定するために、開始文字と終了文字の両方を使用する必要があります。ただし、迅速な一時的な修正のために、前のセクションで説明したCSSエラー原則を適用することにより、擬似CSSアノテーションを作成できます。次のCSSがあると仮定します：

// 这是一个JavaScript注释

ログイン後にコピー

そして、最初の行を一時的に削除すると仮定します（

.center-global {
  max-width: 1020px;
  margin: 0 auto;
}

ログイン後にコピー

宣言）。これを行うことができます：

max-width

これは正常に機能しますが、より速い方法は、ランダムな文字をラインの最初に単に配置することです。

.center-global {
  /* max-width: 1020px; */
  margin: 0 auto;
}

ログイン後にコピー

それは高速で効率的ですが、イベントのWebサイトにそのようなCSSを保持しないでください。有効なCSSではなく、開発における迅速なデバッグにのみ使用する必要があります。

CSSコメント（FAQ）

.center-global {
  AAAAmax-width: 1020px;
  margin: 0 auto;
}

ログイン後にコピー

に関する

FAQ

CSSアノテーションを使用する目的は何ですか？

CSSの注釈は、さまざまな理由で使用されます。特定のコードセグメントの目的を説明するために使用でき、他のコード（または後で）がコードの役割を理解しやすくすることができます。コメントを使用して、コードスニペットを削除せずにデバッグ中に一時的に無効にすることもできます。これは、さまざまなスタイルやレイアウトをテストするときに特に役立ちます。

CSSでコメントを書く方法は？

と/*の間にテキストを囲むことによって書かれています。たとえば、*/。これらのシンボル間のすべては、ブラウザによって無視され、コメントを書くか、一時的にスニペットを無効にすることができます。 /*这是一个注释*/ CSSコメントを使用してコードスニペットを無効にできますか？

はい、CSSコメントを使用して、スニペットを一時的に無効にすることができます。これは、さまざまなスタイルをデバッグまたはテストする場合に役立ちます。これを行うには、無効にするコードセグメントを

と/*の間で囲むだけです。たとえば、*/。ブラウザは、これらのシンボル間のすべてを無視します。 /* p { color: red; } */

CSSにはさまざまな種類のコメントがありますか？

いいえ、CSSには1つのタイプのコメントしかありません。これは、

と/*の間にテキストを囲むことによって書かれています。ただし、コードの解釈、コードの無効化、コードセグメントの分離など、さまざまな方法でコメントを使用できます。 */

CSSコメントを使用してコードセグメントを分離できますか？

はい、CSSアノテーションを使用して、コードスニペットを分離および整理できます。これにより、コードが読みやすくなり、理解しやすくなります。たとえば、コメントを使用して、

、/* 页眉样式 */、/* 主要内容样式 */などのスタイルシートのさまざまな部分をマークすることができます。 /* 页脚样式 */

CSSのコメントは複数の行に及ぶことができますか？

はい、CSSのコメントは複数の行にまたがる可能性があります。何の行に範囲であっても、

と/*の間のすべてがブラウザによって無視されます。これは、より長い説明を書いたり、より大きなスニペットを無効にしたりする必要がある場合に役立ちます。 */

CSSでコメントをネストできますか？

いいえ、CSSにコメントをネストすることはできません。コメントをネストしようとすると、ブラウザはコメント全体の終わりとして最初のコメントの終わりを解釈し、予期しない結果につながる可能性があります。コメントを1つのコメントに書く必要がある場合は、最初のコメントを終了し、2番目のコメントを書いてから、新しいコメントを開始する必要があります。

CSSのコメントはWebサイトのパフォーマンスに影響しますか？

いいえ、CSSのコメントはWebサイトのパフォーマンスに影響しません。ブラウザは、

と/*の間のすべてを単純に無視するため、CSSの処理方法やWebサイトのレンダリング方法には影響しません。 */

CSSアノテーションを使用してTo Doリストを作成できますか？

はい、CSSアノテーションを使用してTo Doリストを作成できます。これは、作成する必要がある変更や追加したい機能を追跡するための便利な方法です。たとえば、

のようなコメントを書くことができます。 /* TODO：为新窗口小部件添加样式 */

ウェブサイトの訪問者はCSSでコメントを見ることができますか？

いいえ、ウェブサイトの訪問者はCSSでコメントを見ることができません。それらはソースコードでのみ表示され、Webページを右クリックして「ページソースコードを表示」または「チェック」を選択することで表示できます。ただし、ソースコードを見る人なら誰でもコメントを見ることができることは注目に値します。そのため、コメントに機密情報を含めることを避ける必要があります。

以上がCSSのコメントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。