TECH I.S.

CSSのコメントアウトの書き方と活用方法について


CSSコメントはブラウザには表示されませんが、ソースコードを文書化するのに役立ちます。


CSS コメント

コメントはコードを説明するために使用され、後でソースコードを編集するときに役立ちます。

コメントはブラウザーによって無視されます。

CSSコメントは<style>要素内に配置され、/*で始まり*/で終わります。

/* これは1行のコメントです */ p{  color: red; }

コード内の好きな場所にコメントを追加できます。

p{  color: red;  /* 文字の色を赤に設定します */ }

コメントは複数行にまたがることもできます。

/* これは 複数行 コメントです */ p{  color: red; }


HTMLおよびCSSコメント

HTMLチュートリアルでは、<!--...-->構文を使用してHTMLソースにコメントを追加できることを学びました。

次の例では、HTMLとCSSのコメントを組み合わせて使用​​しています。

<!DOCTYPE html> <html> <head> <style> p {   color: red; /* 文字の色を赤に設定します */ } </style> </head> <body> <h2>見出し</h2> <!-- これらの段落は赤色になります --> <p>Hello World!</p> <p>この段落はCSSでスタイル設定されています。</p> <p>CSS コメントは出力には表示されません。</p> </body> </html>



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細