سی ایس ایل یونٹ

CSS چندین واحد مختلف برای نمایش طول دارد.

بسیاری از خاصیت‌های CSS از مقدار "طول" پذیرا هستند، مانند width、margin、padding、font-size 等。

长度是一个后面跟着长度单位的数字，诸如 10px、2em 等。

使用 px（像素）设置不同的长度值：

h1 {
  font-size: 60px;
}
p {
  font-size: 25px;
  line-height: 50px;
}

数字和单位之间不能出现空格。但是，如果值为 0，则可以省略单位。

对于某些 CSS 属性，允许使用负的长度。

长度单位有两种类型：绝对单位和相对单位。

绝对长度

绝对长度单位是固定的，用任何一个绝对长度表示的长度都将恰好显示为这个尺寸。

不建议在屏幕上使用绝对长度单位，因为屏幕尺寸变化很大。但是，如果已知输出介质，则可以使用它们，例如用于打印布局（print layout）。

* 像素（px）是相对于观看设备的。对于低 dpi 的设备，1px 是显示器的一个设备像素（点）。对于打印机和高分辨率屏幕，1px 表示多个设备像素。

相对长度单位规定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放表现得更好。

یونٹ	وصف	TIY
em	عنصر کی فونٹ کی اندازہ کاری (font-size) کے سلسلے میں (2em موجودہ فونٹ کی اندازہ کاری کا دوگنا)	کوشش کریں
ex	موجودہ فونٹ کی x-height کا سلسلے میں (کم استعمال)	کوشش کریں
چ	0 (صفر) کی چوڑائی کے سلسلے میں	کوشش کریں
rem	رُوت عنصر کی فونٹ کی اندازہ کاری (font-size) کے سلسلے میں	کوشش کریں
vw	وکپوٹ کی چوڑائی کا 1% سلسلے میں	کوشش کریں
vh	وکپوٹ کی اونچائی کا 1% سلسلے میں	کوشش کریں
vmin	وکپوٹ کی چھوٹی اندازہ کاری کا 1% سلسلے میں	کوشش کریں
vmax	وکپوٹ کی بڑی اندازہ کاری کا 1% سلسلے میں	کوشش کریں
%	والد عنصر کے سلسلے میں	کوشش کریں

نکات:em اور rem یونٹ مثالی کریپت اکائی کا قیام کرسکتا ہے!

* وکپوٹ (Viewport) = براوزر کی ونڈو کی اندازہ کاری۔ اگر وکپوٹ کی چوڑائی 50 درجہ میں، تو 1vw = 0.5 سینٹی میٹر۔

جداول میں شماراں، پورا پشتیبانی کرنے والی پہلی براوزر کی نسخہ کا ذکر کیا گیا ہے۔