CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

PX、EM、パーセントの違い

pxの単位は、画面のピクセル単位で測定値を定義します。以下は例です-

div {
   padding: 40px;
}

em単位は、emスペース内のフォントの高さの相対的な測定値です。 em単位は特定のフォントのサイズに相当するため、フォントを12ptに割り当てると、各「em」単位は12ptになります。したがって、2emは24ptになります。

以下は例です-

p {
   letter-spacing: 4em;
}

％単位は、測定値を別の値（通常は囲んでいる要素）に対するパーセンテージとして定義します。

p {
   font-size: 14pt;
   line-height: 80%;
}

  1. との差 。およびCSSの＃セレクター

    。セレクター 。セレクターはクラスレベルのセレクターです。ドット演算子は、複数のhtml要素に適用できるスタイルクラスを作成するために使用されます。 「＃」セレクター ＃セレクターは要素レベルのセレクターです。ハッシュ演算子は、IDが「＃」セレクターで使用されるものと同じである特定の要素にスタイルを適用するために使用されます 例 例に従って、「。」の使用法を示します。 3つのdiv要素の「＃」セレクターも同様です。 <!DOCTYPE html> <html> <head>    <title>Selector Examp

  2. CSSの疑似クラスと疑似要素の違い

    疑似クラス 疑似クラスは、：hover、：active、：last-childなどのセレクターの状態を表します。これらは単一のコロン（:)で始まります。 CSS疑似クラスの構文は次のとおりです- :pseudo-class{ attribute: /*value*/ } 疑似要素 同様に、疑似要素は、::after、::before、::first-lineなどの仮想要素を選択するために使用されます。 これらは二重コロン（::）で始まります。 CSS疑似要素の構文は次のとおりです- ::pseudo-element{ attribute: /*value*/ } 例 次