この記事では、CSS のクラスと ID の違いと使用法を主に紹介します。これは、必要な友人に共有して、Xhtml Web ページを作成する際に役立ちます。 CSS スタイル属性の呼び出しを選択するために Class と ID がよく使用されます。では、どのような場合に class を使用し、どのような場合に ID を使用する必要があるのでしょうか。CLASS と ID の基本的な属性と使用法について詳しく学びましょう
Xhtml Web ページを作成するには CSS を使用します。多くの場合、クラスと ID を使用して CSS スタイル属性を選択して呼び出します。 CSS を学習する初心者にとって、クラスと ID は曖昧であると同時に、いつクラスを使用し、いつ ID を使用するのか、またその使用方法や制限が何なのかもわかりません。次に、CLASS と ID の基本的なプロパティと使用法について詳しく学びましょう。
クラスはプログラムでは「クラス」と呼ばれますが、CSSの書き言葉でも「クラス」と呼ばれます。 CSS スタイルでは、.css5{attribute: 属性値;} のように、小文字の「ドット」と「.」で名前が付けられ、HTML ページでは、名前付きの選択に class="css5" が使用されます。 CSSはCSSセレクターとも呼ばれます。例: .css5{属性: 属性値;} セレクターは HTML では「
I am a class example
」として呼び出されます。 CSS を引用する方法がわからない場合、CSSリファレンスについて学ぶことができます。ID の例
です。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>p CSS中CLASS与ID实例 - -p+CSS-www.pcss5.com</title>
<style>
.css5{ width:100px; height:100px; border:1px solid #000; float:left; }
.css5_class{ background:#FFF;} /* 背景白色 */
#css5_id{ background:#FF0000;} /* 背景红色 */
</style>
</head>
<body>
<p class="css5 css5_class">我在浏览器下浏览，内容背景将是白色</p>
<p class="css5" id="css5_id">我在浏览器下浏览，内容背景将是红色</p>
</body>
</html>このページではCSSインスタンス、CLASSクラス、IDについてそれぞれ解説していますので、深く理解して区別し、柔軟に対応できるようになると思います。特記事項: ID とクラスの名前を付けるときは、大文字と小文字が区別されるので注意してください。CSS クラス名には中国語を使用しないでください。
以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。
関連する推奨事項:
CSS で DIV レイヤーの表示と非表示を制御する方法 CSS を使用して背景画像を伸縮させ、繰り返し表示されないようにする方法以上がCSSにおけるclassとidの違いと使い方の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
