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の機能は失われます 埋め込まれたスタイルシート
タグ内
