CSSルールを使用したHTMLタグのカスタマイズ-HTMLセレクター
CSSが非常に人気がある理由の1つは、HTMLタグに与えられる汎用性です。タグの組み込みコントロールを「オフ」にすることはできませんが、HTMLタグにコントロールを追加して、その有用性を拡張できます。これを行うには、タグセレクターに新しいCSS定義を追加します。 HTMLを使用しましょう

この例のタグは、背景色、フォントフェース、フォントサイズ、テキストカラーコントロールを追加します

鬼ごっこ。これにより、開始と終了の間のすべてが発生します

Webページ全体の新しい定義によって制御されるタグ。

p {
背景色:#000000;
フォントファミリー:arial;
フォントサイズ:12px;
色:#ffffff;
}

この例では、CSSルールはHTMLセレクター(p)で始まり、その後に追加するすべてのプロパティ値定義を含むCSS宣言ブロックが続きます。通常、各定義はプロパティで始まり、その後にコロン、値が続き、セミコロンで終わります。ブロック全体が中括弧内に配置されます。 HTMLタグ用に独自のCSSルールを作成する際に覚えておくべきことがいくつかあります。

  • Webページのheadセクションのタグ内に、カスタマイズされたCSSルールを配置できます。

  • カスタマイズしたCSSルールを外部CSSファイル内に配置できます。

  • 特定のタグセレクターに追加するカスタマイズされたCSS定義には、そのタグで制御できるプロパティが含まれている必要があります。

  • カスタマイズしたルールをheadセクションまたは外部CSSファイルに配置するため、Webページ全体に影響します。 1つの個別のHTMLタグ(タグの1つの特別なインスタンス)のみを制御する必要がある場合、インラインスタイルをその個別のタグに適用します。

  • タグは、そのHTMLタグの組み込みプロパティを保持します。たとえば、HTML 太字タグは、開始と終了の間に配置されたテキストに引き続き太字効果を適用します タグ。




動画の説明: CSS #17 floatで右寄せ、左寄せをしてみよう (かもしれません 2024).