簡単な CSS _html/css_WEB-ITnose

 <font color="0000ff ">阿猫</font> <font color="0000ff ">阿狗</font> <font color="0000ff ">阿兔</font> <p> <br></p> <h2> 2. スタイルシートに対応するタグスタイルを記述します </h2> <p></p> <p> <br> クラスセレクターを例に挙げます </p> <br><p> </p> <pre name="code" class="sycode">    <span class="menu">阿猫</span>    <span class ="menu">阿狗</span>    <span class="menu">阿兔</span>

将来色を変更したい場合は、スタイル ファイルを直接変更できます。数百または数千の Web ページが 1 つのスタイル ファイルに対応している場合、変更ははるかに簡単になります。

.menu{    color:#00f;                     /*在这里Ctrl+J会自动列出代码的样式*/}

1. クラス セレクター、上記の例はクラス セレクター

2. ID セレクター

<link href="StyleSheet1.css" rel="stylesheet" />

注: ID セレクターとクラス セレクターが同じ属性に対して異なる値を設定した場合、ID セレクターが優先されます

3. HTML タグ セレクター (body タグ内のコンテンツ用)

.menu,.title{    background-color:#ffd800;}

<span id="special" class="menu">阿猫</span>      #special{    font-weight:bold;          /*粗体*/}

タグの優先順位selector: HTML セレクター <クラス セレクター

その他、ユニバーサル セレクター、属性セレクター、擬似セレクターもありますので、興味のある方はご自身で選択してみてください。

4. セレクターの継承関係 セレクター内にセレクターがある場合、後のセレクターは前のセレクターを継承します。例:

body {    color :#ffd800;}

        

 
 I h 注: This と SPAN の間にはスペースが必要ですが、スペースの数は制限されません 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  🎜 🎜 🎜 🎜 🎜 2 つのセレクターが同じ属性の異なる値を表す場合、CSS 内の順序は正確に 🎜🎜 🎜 となり、最初にランク付けされたものが上書きされます。後ろの人。 🎜 🎜 CSS の核心は、Web ページのコンテンツとスタイルを分離することです。 HTML ファイルは表示されるテキストのみを担当します。特定の表示をカプセル化する方法 🎜 🎜 それを行うには、スタイル ファイルに移動します。この方法では、フロントエンドの表示スタイルを変更するときに、スタイル ファイルを直接変更できるため、便利でエラーが発生しません。オブジェクト指向🎜🎜プログラミングの考え方に沿っています。 🎜 🎜 🎜