HTML CSS スタイルシート

CSS (Cascading Style Sheet、カスケード スタイル シート) は、HTML Web ページを美しくするために使用されます。

/*コメントエリア*/ これはコメント構文です

1. スタイルシート

(1) スタイルシートの分類

1.インラインスタイルシート

と HTML は正確に制御されて同時に表示されますが、再利用性は低く、冗長性が高くなります。

例:

インライン スタイル シート

2.埋め込みスタイルシート

はWebページ内に独立した領域として埋め込まれており、headタグ内に記述する必要があります。

p { スタイル

}

3.

外部スタイルシート

スタイルシートを配置する新しいCSSファイルを作成します。 HTML

ファイル内のスタイルシートを呼び出したい場合は、HTMLファイル内で→CSSStyle Sheet→を右クリックしてスタイルシートを添付する必要があります。通常、接続には link を使用します。 一部のタグにはデフォルトのマージンがあり、通常はスタイル シート コードを記述するときに削除されます (他のスタイルも設定できます)。以下のように:

(2) セレクター

1.タグセレクター。タグ名をセレクターとして使用します。

2.クラス

セレクター。それらはすべて

「.」

で始まります。

3.ID

セレクター。

"#"

で始めてください。

スタイル名">

4.

複合セレクター

(1) は、並置を示すために "

, " で区切られています。

(2) は子孫を示すためにスペースで区切られています。

(3) フィルター".".

2. スタイル属性

(1) 背景と前景

1.背景:

2.前景フォント:

(2) ボーダーとボーダー

border (表の境界線、スタイルなど)、margin (表の外側の間隔)。 パディング (コンテンツとセルの間隔)。

(3) リストとブロック

width、height、(top、bottom、left、right)は、絶対座標でのみ役立ちます。

リンクされたスタイル:

a:link ハイパーリンクをクリックする前の状態

a:visited ハイパーリンクをクリックした後のステータス

a:hover ハイパーリンク上にマウスを移動するとき

a:active ハイパーリンクがクリックされたとき

これらの状態を定義するときは、順序があります l v h a