CSS形式のコメントの書き方

青灯夜游
リリース: 2023-01-05 16:10:27
オリジナル
8470 人が閲覧しました

CSS では、複数行コメントでも単一行コメントでも、「/*」で始まり「*/」で終わり、コメントの内容が途中に追加される必要があります。構文形式は「/* コメントする内容* /」です。 「*」記号をコメント内容の横に配置することはできません。また、少なくとも 1 つのスペースを空白のままにしておく必要があります。

CSS形式のコメントの書き方

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS コメントは、コードに追加の説明を追加したり、ブラウザーが特定の領域内の CSS コードを解析しないようにしたりするために使用されます。コメントはドキュメントのレイアウトには影響しません。

CSS には 1 種類のコメントしかありません。複数行コメントでも単一行コメントでも、/*で始まり*/# で終わる必要があります。 ## を入力し、途中にコメント内容を追加します。

構文

コメントは、スペースが許可されるスタイル シート内のどこにでも書くことができます。コメントは 1 行または複数行に記述できます。

/* 需要注释的内容 */
ログイン後にコピー

注:

/**/区切り文字の間にあるすべてのテキスト情報はコメントと呼ばれます

注: 「

*」" 記号をコメント内容の近くに配置しないでください。また、少なくとも 1 つのスペースを空白のままにしておく必要があります。

css にコメントを追加する方法

1. コメントをスタイル シートの外側に配置します。

/*定义网页的头部样式*/ .head{ width: 960px; } /*定义网页的底部样式*/ .footer {width:960px;}
ログイン後にコピー

2. コメントはスタイルシート内に配置されます。

p{ color: #ff7000; /*字体颜色设置*/ height:30px; /*段落高度设置*/ }
ログイン後にコピー

例: CSS コードをコメント化し、ブラウザーで効果を確認します

   
  

段落设置一

段落设置二

标题设置效果

ログイン後にコピー

レンダリング:


CSS形式のコメントの書き方

注: CSS を記述するときに特別な説明が必要な箇所に遭遇した場合は、CSS アノテーションを使用して注釈を付けることができます。コメントは、他の人が開発された CSS コードを読んで理解するのに役立ちます。コメントを適切に使用し、コメントをできるだけ少なくすることは、互換性とファイル サイズの削減に役立ちます。

(学習ビデオ共有:

css ビデオ チュートリアル)

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!