JavaScript上級2 CSS XML学習_基礎知識

CSS の正式名はカスケード スタイル シートで、中国語名はカスケード スタイル シート、カスケード スタイル シートとも呼ばれます。その利点は、コードを整理でき、一部のスタイルをバッチ処理できることです。
基本構文:
コメント記号: /* */
セレクター記号: selector {attribute:value} 同じ属性の値はスペースで区切られ、異なる属性はセミコロンで区切られます。 大文字と小文字を区別。
たとえば、ページ上のテーブルのスタイルをカスタマイズしたい場合は、 table {...;...;} と記述します。
セレクターの使用方法はたくさんあるので、面倒すぎて説明できませんでした。インターネットからコピーしたものをもう一度入力します:

セレクターモード	説明
*	は任意の要素に一致します。 (ユニバーサルセレクター)
E	は、任意の要素 E (タイプ E の要素など) と一致します。 (タイプセレクター)
E F	要素 E の子孫要素 F と一致します。 (子孫セレクター)
E > F	要素 E のサブ要素 F と一致します。 (子セレクター)
E:第一子	要素 E が親要素内の最初の子要素である場合、要素 E と一致します。 (:first-child 擬似クラス)
E:リンク E:訪問しました	E が、ターゲットがまだ訪問されていない (:link) か、訪問されている (:visited) ハイパーリンクのソースアンカーである場合、要素 E と一致します。 (リンク疑似クラス)
E:アクティブ E:ホバー E:フォーカス	特定のユーザーアクションで E と一致します。 (動的擬似クラス)
E:lang(c)	タイプ E の要素が (人間の) 言語 c にある場合、その要素と一致します (言語の決定方法はドキュメント言語によって決まります)。 (:lang() 擬似クラス)
E F	要素 E が要素 F の直前にある場合、要素 F と一致します。 (近接セレクター)
E[属性]	「attr」属性が設定されている要素 E と一致します (その値に関係なく)。 (属性セレクター)
E[attr="warning"]	「attr」属性値が「warning」と厳密に等しい任意の要素 E と一致します。 (属性セレクター)
E[attr~="warning"]	「attr」属性値がスペースで区切られた値のリストであり、その 1 つが厳密に「warning」に等しい要素 E と一致します。(属性选择器)
E[lang|="en"]	匹配其“lang”属性具有以“en”开头(从左边)的值的列表的任意元素 E 。(属性选择器)
DIV.warning	仅 HTML。用法同 DIV[class~="warning"]。(类选择器)
E#myid	匹配 ID 等于“myid”的任意元素 E 。(ID 选择器)

使用する際に詳しく説明します。
CSS の優先順位: 同じページまたは CSS ファイル内に、同じ要素の複数の定義が存在する場合があり、優先順位に従ってレンダリングする必要があります。優先度は、外部定義スタイルの優先度とその他のスタイルの優先度に分かれます。
外部定義スタイルの優先順位: 特定のアルゴリズムについては説明しません。ここでは単に結果について説明します: ID セレクター>クラス セレクター>属性セレクター>疑似クラス セレクター>要素セレクター>疑似要素セレクター>グローバルセレクター>その他
他のスタイル定義の優先順位: テキスト内スタイル、つまり要素内の style=... これが最も高度で、すべての外部定義スタイルよりも優先されます。 「!重要」はバージョンによって使い方が異なるため、詳細な説明は省略しますので、必要に応じて確認してください。継承によって取得されたスタイル: 優先度が最も低いスタイルです。
CSS 属性: http://www.jb51.net/w3school/css/css_reference.htm を参照してください (おい、これは無責任です! 秋)
CSS ユニット: http://www.jb51 。 net/w3school/css/css_units.htm (ブロガー、負け犬だ!落ちろ!)
(聞こえないふり)
申請リンクを入力しましょう (￣︶￣)
1. CSS を埋め込みます。現在のページのスタイル:


コードをコピー

コードは次のとおりです。 例: ID が myStyle のリンクを作成し、そのインポート ファイルを変更します。方法は次のとおりです:




コードをコピー


コードは次のとおりです。