CSS_html/css_WEB-ITnose についてのフロントエンド

CSS の正式名はカスケード スタイル シートで、次の 3 つの意味があります。 1. 特異性のレベルに応じて、高い特異性が低いスタイル宣言をオーバーライドします。 2. 異なる属性のスタイル宣言をマージする必要があります。 . After 同一のスタイル宣言が出現すると、最初の出現がオーバーライドされます。したがって、スタイルの優先順位を変更するには、次の 3 つの方法があります: 1. セレクターの詳細度を高める; 2. スタイルの順序を変更する; 3. 優先度を高める必要があるスタイル宣言の前にセミコロンを追加します。重要；

カスケード スタイル シートは実際には言語、つまりスタイル デザイン言語です。言語なので、独自の文法があります。カスケード スタイル シートの構文は HTML と同じくらい単純ですが、HTML ほど単純で粗雑ではなく、一度でマスターできます。これは主に、CSS 文法ルールには HTML よりも多くのコンテンツが含まれるため、次の 3 つの最も基本的な文法を紹介します:

1. スタイル ルールは、セレクターと宣言ブロックの 2 つの部分で構成されます。宣言ブロックは中括弧で囲まれます。 。

2. 各宣言ブロックは 1 つの宣言で構成され、コロンで区切られた属性と値のペアで構成されます (最後の宣言はセミコロンである必要はありません)。 css コメント /* */ となり、JavaScript のようなダブルスラッシュ // コメントの書き方はありません。

例: h2 {color:red;background-color:blue;}

標準 CSS リファレンスには通常、属性値の説明が含まれています。この属性値の説明にも独自の記述ルールがあります。ここで簡単に説明します。しかし、これには特別な注意を払う必要はありません。結局のところ、あなたは書き方を知っているだけです。

まず、属性値の構文:

1. 属性値には、small、normal などのキーワードを指定できます。

2. 属性値は、次のように記述できます。山括弧のペア タイプの名前を記述します。たとえば、 は red、blue にすることができます

2 番目は属性値の構文です。結合演算子:

1. スペースは、スペースで区切られた属性値がすべて存在する必要があり、順序を間違えることはできません。

2.&& は、&& で区切られた属性値が存在する必要があることを意味しますが、順序は任意です。

3.|| は、|| で区切られた少なくとも 1 つの属性値が出現する必要があり、順序は任意であることを意味します。

4.| 個別の属性値は 1 つだけ出現できることを意味します

5.[] [] の機能は、[] をグループ化し、属性値全体として扱うことです

最後に、数量記号に関する文法:

1 .attribute 値の後の空のスペースは、1 回しか出現できないことを意味します。

2. 属性値の後の + 記号は、その属性値が複数回出現することを意味します

3. 属性値の後に続くものは何ですか? No. は属性値が 0 回以上出現することを示します

4. 属性値の後に {} が続き、{1, 3} は属性値が 1 ～ 3 回出現することを示します

5。 # 属性値が 1 回または複数回出現することを示しますが、各属性値はカンマで区切る必要があります

これらは正規表現のルールに似ています。

たとえば、文字間隔の値: |normal は、文字間隔が数字またはキーワードのみであることを意味します。 Normal