css相対長さの単位とは何ですか

CSS では、相対長さの単位は、他のものとの関係に基づいて測定される長さの単位であり、固定値はありません。実際に測定される距離は、画面の解像度、視覚領域の幅と高さなど、制御できない他の要因によって変化する可能性があり、一部の相対単位では、そのサイズはその単位を使用する要素によって異なります。それぞれ異なります。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、Dell G3 コンピューター。

推奨: css ビデオ チュートリアル

相対的な長さの単位

名前が示すように、相対単位の固定値はありません。それらの値は、他の事前定義された値または特性と相対的なものです。相対単位を使用すると、要素の幅、高さ、フォント サイズなどを他の基本パラメータに関連付けることができるため、要素のサイズを適切に変更することが簡単になります。

これらのユニットは通常、レスポンシブ レイアウトを作成する場合に推奨され、デジタル メディアに好まれます。それらの値は、使用しているフォント、または画面ビュー ウィンドウの高さと幅を基準にすることができます。

CSS で一般的に使用される相対長単位

1. Em 単位

em は相対フォント長単位であり、その単位長は次の基準に基づいています。要素 テキストの縦の長さによって決まります。例: 1em は現在のフォント サイズ (font-size 属性) に相当し、2em は現在のフォント サイズの 2 倍に相当します。他の属性 (幅、高さ) に使用される場合、要素自体のフォント サイズに相対します。幅、高さ、行の高さ、マージン、パディング、境界線、その他のスタイルを設定するために使用できます。

2. rem 単位

rem は CSS3 の新しい相対フォント長単位であり、その長さはルート要素、つまり html 要素のフォント サイズを基準にしてのみ決定されます。モバイル ページには必須です。長さの単位はほとんどありません。

プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 ！

以上がcss相対長さの単位とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。