トップページの中の CSSの基本の中の コメントの書き方

コメントの書き方

  • 最終更新:2009年6月22日 02:49

(X)HTMLのコメントとCSSにおけるコメントの書き方は違います。 CSSのコメントは、/*で始まり*/で終わります。

/* ココがコメント */

入れ子にする事が出来ませんので以下のように書くのはNGです。

/* /*ココが*/コメント */

コメントは複数行にわたって書くことも可能です。

/*----------------------------------------------------
  #main
----------------------------------------------------*/
#main {
  width: 660px;
  padding: 0 20px;
}

/* #main内の基本指定 */
#main h2 {
  margin: 0 0 20px;
/*  padding: 5px 10px;*/
  background: #ccc;
}

* html #main h2 { /* forIE6 */
  margin-bottom: 10px;
}

コメントが使用できる個所は、スペースが使用できる場所なら基本的に何処に書いても問題ありません。
コメントを有効に活用する事でCSSファイルが見やすくなるので、行数が長くなってきた場合などは適切なコメントを入れ管理しましょう。

また、最近では対象ブラウザから外れているサイトが多いと思いますが、古いブラウザ向けのハックで(IE5.xなど)コメントを使った方法もあったりします。

このページの上部へ