タグのスタイルを宣言するために使用されます。
たとえば、タグ セレクターを定義し、タグ セレクター内のハイパーリンクのフォントと色を定義します。
<style>
a{
font_size:9px;
color:#F93;
}
</style>
2. カテゴリ セレクター
タグ セレクターの使用は非常に高速ですが、一定の制限があります。ページでタグ セレクターを宣言すると、ページ内のそのタグのすべてのコンテンツがそれに応じて変更されます。結合ページには 3 つの
タグがあります。各
を別々に表示したい場合は、タグ セレクターを使用できません。これが必要です。カテゴリセレクターを導入します。
タイプセレクターの名前は自分で定義した「.」で始まり、定義された属性と属性値も CSS 仕様に準拠している必要があります。カテゴリ セレクターの HTML タグを適用するには、class 属性を使用して宣言するだけです。
例:
<html>
<style>
.one{
font-family:宋体;
font-size:24px;
color:red;
}
.two{
font-family:宋体;
font-size:16px;
color:red;
}
.three{
font-family:宋体;
font-size:12px;
color:red;
}
</style>
</head>
<body>
<h2 class="one">应用选择one</h2><!--定义样式后,页面会自动加载样式-->
<p>正文内容1</p>
<h2 class="two">应用选择器two</h2>
<p>正文内容2</p>
<h2 class="three">应用选择器three</h2>
<p>正文内容3</p>
</body>
</html>
3.ID セレクター
ID セレクター ID HTML ページの属性は、スタイルの選択と追加に使用されます。基本的にはカテゴリ セレクターと同じです。ただし、HTML ページには 2 つの同一の ID タグを含めることはできないため、定義された ID セレクターも、一度使用しました。 名前付き ID セレクターは「#」記号で始まり、その後に HTML タグ内の ID 属性値が続く必要があります。
たとえば、ID セレクターを使用してページ内のスタイルを制御します。
<html>
<style>
#first{
font-size:18px
}
#two{
font-size:24px
}
#three{
font-size:36px
}
</style>
<body>
<p id="first">ID选择器1</p>
<p id="two">ID选择器2</p>
<p id="three">ID选择器3</p>
</body>
</html>
幅広い知識: CSS 3 の新機能
モジュールとモジュール構造
CSS 3 は全体構造を採用せず、分業・協業によるモジュール構造を採用しています。このパターン化された構造は、ブラウザが特定のモジュールを完全にサポートしていない状況を回避するために採用されています。全体がいくつかのモジュールに分割されている場合、各ブラウザはどのモジュールをサポートし、どのモジュールをサポートしないかを選択できます。
CSS 3 で一般的に使用されるモジュールを次の表に示します。