ホームページ > 記事 > ウェブフロントエンド > CSSコメントにはいくつかの種類があります
CSSコメントにはいくつかの種類があります
- 青灯夜游オリジナル
- 2021-09-14 16:07:172945ブラウズ
css のコメントは 1 種類のみです。複数行コメントでも 1 行コメントでも、「/*」で始まり「*/」で終わり、コメント内容を追加する必要があります。構文は「/*comment content*/」です。「/*」と「*/」区切り文字の間にある文字はコメント テキストとして扱われ、無視されます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS にコメントを追加するのは非常に簡単で、/* と */ 区切り文字の間にあるすべてのテキスト情報はコメントと呼ばれます。
CSS には 1 種類のコメントしかありません。複数行コメントでも単一行コメントでも、/* で始まり */# で終わる必要があります。 ## を入力し、途中にコメント内容を追加します。
/* と */ 記号の間に含まれる文字はコメント テキストとして扱われ、無視されます。
/*定义网页的头部样式*/
.head{ width: 960px; }
/*定义网页的底部样式*/
.footer {width:960px;}[例 2] コメントはスタイルシート内に配置されます。 p{
color: #ff7000; /*字体颜色设置*/
height：30px; /*段落高度设置*/
}次の例では、CSS コードを適用し、その効果をブラウザーで表示します。 [例 3] 段落とタイトルにそれぞれ CSS コードのコメントを追加します。 <html>
<head>
<style type="text/css">
/*样式1*/
.STYLE1 {
color: #009900; /*字体颜色是绿色的*/
}
/*样式2*/
.STYLE2 {
font-size: 18px; /*字体大小为18号字体*/
color: #FF3300; /*字体颜色是红色的*/
font-weight: bold; /*字体进行了加粗*/
}
/*样式3*/
.STYLE3 {
color: #0000FF; /*字体颜色为蓝色*/
font-family: "黑体"; /*字体为黑体*/
font-style: italic; /*字体效果为倾斜*/
}
</style>
</head>
<body>
<p class="STYLE1">段落设置一</p>
<p class="STYLE2">段落设置二</p>
<h2 class="STYLE3">标题设置效果</h2>
</body>
</html>ページのデモ効果を次の図に示します。
css ビデオ チュートリアル 」
以上がCSSコメントにはいくつかの種類がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。