css3ユニットとは

CSS3 では、単位は測定単位であり、次の 2 つのタイプに分類できます。 1. サイズ単位。em、rem、vw、vh、% およびその他の相対的な長さの単位を含む、長さを表すために使用されます。 px、cm、pc およびその他の絶対的な長さの単位 2. 色を表すために使用される色単位 (色名 (赤など)、「rgb(x,x,x)」など)。

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

CSS3 における単位は、サイズ単位と色の単位の 2 種類に分類できる測定単位です。

css サイズ単位:

CSS サイズ単位は多数あり、多様であると言えますが、基本的に 2 つに分類できます。カテゴリ: 相対長さ単位、絶対長さ単位。

相対長さの単位

相対長さの単位は、ある長さの別の長さに対する相対的な長さのプロパティを指定します。これは、さまざまなデバイスの相対的な長さに適しています。

# の高さに依存します。 ##ch数字0#remremの幅はroot em(ルートエム)の略で、 rem はルート以外に作用します。要素が使用される場合、その値はルート要素のフォント サイズを基準にし、rem がルート要素のフォント サイズに作用する場合、その初期フォント サイズを基準とします。 #vwvhvminvmax%

Unit	Description
em	これは、現在のものに関連した説明です。 application 要素のフォント サイズなので、相対的な長さの単位でもあります。一般的なブラウザのデフォルトのフォント サイズは 16px、その後 2em == 32px;
ex	は英文字 xx
ビューポイント幅、ウィンドウ幅、1vw=ウィンドウ幅の 1%
視点の高さ、ウィンドウの高さ、1vh=ウィンドウの高さの 1%
vw と vh の小さい方。
vw と vh の大きい方。

ヒント: rem と em の違いは何ですか?違いは、rem を使用して要素のフォント サイズを設定する場合、相対サイズであることには変わりありませんが、HTML ルート要素に対してのみ相対的なサイズであることです。

#絶対長さの単位

絶対長さの単位は、実際の物理的なサイズを反映する固定値です。絶対的な長さの単位は出力メディアに依存し、環境 (モニター、解像度、オペレーティング システムなど) には依存しません。

#単位説明cmMMインチ (1 インチ = 96px = 2.54cm)ピクセル (1px = 1インチの1/96)ポイント、約1/72インチ; (1pt = 1/72 インチ)#pcピカ、約 12 ポイント、1/6 インチ; (1 個 = 12 ポイント)#カラー単位:

	cm
	mm
	in
	px *
	pt
	ピクセルは最適な「デバイス ピクセル」とみなされる場合があり、このピクセル長はモニターに表示されるテキスト スクリーンのピクセルとは何の関係もありません。 px は実際には度で測定される単位です。

##単位

説明#(色名)RGB 値 (rgb(255,0,0) など)RGB パーセント値 (例: rgb( 100%,0%,0%))16 進数 (#ff0000 など)css ビデオ チュートリアル 、Web フロントエンド

##色名(赤など)	##rgb(x,x,x)
	rgb(x%, x%, x%)
	#rrggbb
	# (学習ビデオ共有:
)

以上がcss3ユニットとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。