CSSで
「このコードの意味はこういうこと。」
という感じでメモや注意書きを残しておきたいことがよくある。
特に私のような初心者の場合、勉強している中で理解したことなどを
「このコードがあのコードにつながっている!」
という理解したことをHTMLやCSSに残しておくと見返した時にかなり便利だ。
(もちろん理解したことをコメントアウトで書き込むのは勉強中のサンプルサイトだけにしているが(笑))
そういう時に便利なのがコメントアウトだ。
HTMLの場合は
<!--メモ-->
と書けば、実際にWEBページの表示に影響を与えずにメモを残せる。
面倒なのが、HTMLとCSSではコメントアウトの仕方が異なる。
CSSのコメントアウトの仕方
CSSでメモ書きを残しておきたい場合は
1 | /*下記がボタンのデザイン*/ |
という感じで
/*メモ*/
と/**/で囲むことでコメントアウトをすることが出来る。
メモ書きが複数行になってもやり方は同じで
1 2 3 4 5 | /* 改行しても 問題なく コメントアウトされる */ |
と最初と最後を囲めばOK。
結構簡単だが、意外にやり方を忘れてしまう(笑)