واحد های اندازه گیری در Css

    واحدها در Css:

در طراحی وب سایت، کد های Css نقش اساسی و پر رنگی در UI وب سایت ایفا می کنند. ویژگی هایی مانند: width , height , margin , font-size , … همگی نیازمند واحد های اندازه گیری هستند.

آنچه در این مقاله می خوانید ...

در دنیای دیجیتال واحد های اندازه گیری زیادی استفاده می شود که هر دسته از آن ها وابسته به نوع کاربردشان با یکدیگر متفاوت هستند. که در زیر پر کاربردترین آن ها را مشاهده می کنید:

%	درصد
pt	یک پوینت معادل 1.74 اینچ است .
cm	سانتیمتر
mm	میلیمتر
em	یک واحد اندازه گیری که از والد به ارث می رود!
in	اینچ
pc	یک پیکا معادل 12 پوینت است .
px	یک پیکسل

از میان این واحد ها چهار واحد % و pt و px و em در طراحی وب سایت پر کاربردتر هستند. استفاده از em و % در بحث واکنش گرایی وب سایت بسیار کاربردی می باشد چون % بسته به سایز صفحه نمایش تغییر میکند و em بسته به ابعاد تگ والد!

در طراحی وب سایت استانداردهایی برای این واحد های اندازه گیری در مرورگرها تعریف شده است که می توانید از آن ها استفاده کنید:

16px

1em

100%

12pt

همچنین برای تبدیل این واحد ها به یکدیگر می توانید از فرم زیر استفاده کنید. بعد از ثبت عدد روی فرم کلیک کنید.

Px
Pt
%
em