CSSタグスタイルの書き方

CSS を使用してタグのスタイルを設定するには、次の手順に従います。 タグ名の指定: スタイルが適用される HTML タグの名前。プロパティを設定: 色、サイズ、余白など、変更するスタイル プロパティ。指定された値: 赤、10px、50px などの属性の特定の値。

#CSS タグ形式の記述方法

<code class="css">标签名 {
  属性: 值;
  属性: 值;
}</code>

##タグ名:
• スタイルが適用される HTML タグの名前たとえば p は段落を表します。
属性:
• 設定するスタイル属性。たとえば、color はテキストの色を表します。
値:
• 属性に割り当てられる値。たとえば、red は赤を意味します。

すべての段落に赤いテキストを設定するには、次の CSS ルールを使用できます:

<code class="css">p {
  color: red;
}</code>

CSS には、さまざまなスタイル効果を制御するために使用できる数百のプロパティと値があります。一般的に使用されるプロパティと値を次に示します。

color
• : テキストの色
font-size
• : フォント サイズ
background-color
• : 背景色
margin
• : マージン (他の要素との距離)
padding
• : パディング (要素内のコンテンツからの距離)

16進数カラーコード
• (例: #ff0000 赤)
カラー名
• (例: red)
ピクセル値
• (例: 10px)
パーセンテージ
• (例: 50%)
キーワード
• (例: auto、inherit)

複数の場合CSS ルールは同じ要素に適用され、最も優先度の高いルールが適用されます。優先順位は次の要素によって決まります。

インライン スタイル:
• HTML 要素に直接適用されるスタイルが最も高い優先順位を持ちます。
ID セレクター:
• ID 属性を使用して、要素のスタイルの優先順位がクラス セレクターまたはタグ セレクターよりも高いことを指定します。
クラス セレクター:
• class 属性を使用して、要素のスタイル優先度がラベル セレクターのスタイル優先度よりも高いことを指定します。

スタイルは 3 つの場所に適用できます:

外部スタイル シート:
• 外部の .css ファイルに保存され、<link> タグを介して HTML ドキュメントにリンクされます。
内部スタイル シート:
• HTML ドキュメント内の