PHP ノート (CSS)

HTMLはWebページのコンテンツを表示するためによく使用されますが、それはより不便であるため、CSSが導入されました

CSSの正式名はCascading Style Sheets、中国語名はCascading Styleです。スプレッドシート

ヘルプドキュメント: CSS.chm

機能: Web ページのレイアウトと美化

特徴:

HTML と同様、ブラウザで直接実行できるマークアップ言語です

大文字と小文字は区別されません

CSS ファイルは接尾辞 css が付いたテキスト ファイル

HTML でネストして使用します

CSS ルール

構文

CSS 定義はセレクター、プロパティ、値で構成されます

形式: selector{property:value; }

セレクターが含まれます。

タイプセレクター:

定義: HTMLタグ

使用: タグを直接使用する

を使用した定義:

クラスセレクター:

定義: タグ名.クラス名 または。クラス名

使用: クラス="クラス名"

タグ名は HTML タグです。 "タグ名.クラス名" は、タグが使用され、クラス値がクラス名である場合にのみセレクターが使用されることを意味します。

".クラス名"クラス値がクラス名である限り、このセレクターが使用されることを意味します

Definition uses

id selector:

Definition: タグ名 #id 値または #id 値

Use: id="id値"

タグ名はhtmlタグ、「タグ名#id値」はタグが使用され、idが値、セレクターのみが使用されることを意味します

「#id値」はのみを意味しますID が値の場合、セレクターが使用されます

同じページの ID 値は一意です (はい、同じページに 2 つの同一の ID がある場合、スタイルも表示できますが、これは論理に反します。とjsは将来的に使用されます（idを呼び出すとき、混乱が生じます）

定義は

を含むセレクター:

複数のセレクターの階層的な組み合わせ、セレクターはスペースで区切られ、それぞれセレクターは左から右に含まれます。 関係

定義: スペースで区切られた各セレクターの組み合わせ

使用法: 各セレクターは埋め込まれて使用されます

レイヤーの数に制限はありませんが、多すぎないことをお勧めします。メンテナンスとSEOに影響します

定義と使用

グループセレクター:

同じ属性に対して複数のセレクターを同時に定義します

定義: 各セレクターの組み合わせは「,」で区切られます

使用法:各セパレータは直接使用されます

定義と使用

疑似要素セレクター:

HTML要素のさまざまな状態を定義する方法

定義: タグ: 疑似要素

使用方法:ラベルのさまざまな状態異なる属性を使用します

定義 use

属性と属性値は「:」で区切られ、複数の属性値は「;」で区切られます

コメント

形式: /*.... .*/

長さの単位

相対単位 (一般的に使用されます)

px: ピクセル

em: 現在のオブジェクト内のテキストに対する相対的なフォント サイズ

%: パーセンテージ

絶対単位 (一般的に使用されません)

pt: ポイント

cm: センチメートル

mm: ミリメートル

色の単位と URL 値

カラー:

#rrggbb

#rgb

rgb(x,x,x) (一般的には使用されず、ブラウザーは使用しません)互換性あり)

rgb(x%,x%,x%) (一般的には使用されません。ブラウザは互換性がありません)

URL

の意味: URL(アドレス)

HTML で CSS を使用する方法

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

タグ内で直接使用します

style属性を使用し、CSSのキーと値のペアを埋め込みます

は柔軟に使用できますが、CSSの機能は失われます

埋め込まれたスタイルシート

タグ内