CSSの基本メモ_html/css_WEB-ITnose

これまで良いブログを始めたことがなかったので、すべてのメモを Youdao クラウドに記録し、今日すべて転送しました。 ！ ！

1. 同じ HTML 要素に複数のスタイル定義がある場合、インライン スタイル (HTML 要素内) が最も優先され、内部スタイル シート ( タグ内にある) や外部スタイル シートなどの他のスタイルが優先されます。スタイル、ブラウザ デフォルト設定は 2 番目です。

2. CSS ルールは、セレクターと 1 つ以上のステートメントの 2 つの主要部分で構成されます

例: h1{color:red;font-size:16px} h1は選択です {} 内の宣言は

3. 複数のセレクターはカンマで区切って宣言を共有できます

例: h1,h2,h3,h4,h5,h6{color:red;}

4. 派生セレクターは、その位置における要素のコンテキスト関係によって決定されます。

たとえば、 li Strong{font-style:italic;font-weight-normal}

に従って表示できるコード上記のスタイルは

& Lt; & lt;strong & gt; を表示できます。 gt; P & lt; p & gt; & lt; Strong>上記のスタイルは表示できません

でマークされた HTML 要素に特定のスタイルを指定できます。特定の ID

ID セレクターは「#」で始まります。定義するには、たとえば #red{color:red}

ID セレクターは、次のような派生セレクターを作成するためによく使用されます:

#sidebar p{font-style:italic ;text-align:right;margin-top:50px }

6. クラス セレクターは、次のようにピリオドで表示されます。 .center{text-align:center}

ID セレクターと同様に、クラスは通常、派生セレクターとして使用されます

例: . fancy td{color:red;background: yellow}

要素はクラスに基づいて選択することもできます

例: td .fancy{color:red;background: yellow}

7. 属性の選択は、指定された属性の HTML 要素設定スタイルを持つものです

例: [tital] {color: red}

& lt; h1 tital = "表示可能" & gt; lt;/h1 & gt;

& lt; h1 & gt;

8. tital に hello 要素が含まれている限り、[tital~=hello]{color:red} が解釈されます。 、すべての要素を実行できます

例:

hello word

を実行できます

student hello

実行可能です

属性セレクターは、ID またはクラス Style なしでフォームに設定できます

例: 9. 外部スタイル シートへのリンクには、次のような > が必要です。