٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش واحد های CSS

واحدهای CSS CSS چندین واحد مختلف برای بیان طول دارد. بسیاری از خواص CSS را “طول” ارزش ها، مانند width، margin، padding، font-size، و غیره طول یک عدد به دنبال یک واحد طول، مانند است 10px، 2em، و غیره مثال مقادیر طول مختلف را با استفاده از…

محمد یوسفی

13 جولای 2021

واحدهای CSS

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

بسیاری از خواص CSS را “طول” ارزش ها، مانند width، margin، padding، font-size، و غیره

طول یک عدد به دنبال یک واحد طول، مانند است 10px، 2em، و غیره

مثال

مقادیر طول مختلف را با استفاده از px (پیکسل) تنظیم کنید:

h1 {
  font-size: 60px;
}

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

توجه: فضای خالی نمی تواند بین تعداد و واحد ظاهر شود. با این حال ، اگر مقدار باشد 0، واحد را می توان حذف کرد.

برای برخی از خصوصیات CSS ، طول های منفی مجاز است.

واحد طول دو نوع است: مطلق و نسبی .


طول های مطلق

واحدهای طول مطلق ثابت هستند و طول بیان شده در هر یک از آنها دقیقاً به همان اندازه ظاهر می شود.

واحدهای با طول مطلق برای استفاده در صفحه توصیه نمی شوند ، زیرا اندازه صفحه بسیار متفاوت است. با این حال ، اگر محیط خروجی شناخته شده باشد ، مانند طرح چاپ می توان از آنها استفاده کرد.

* پیکسل (px) نسبت به دستگاه مشاهده کننده است. برای دستگاه های با کیفیت پایین ، 1 پیکسل یک پیکسل (نقطه) نمایشگر است. 1px برای چاپگرها و صفحه های با وضوح بالا حاوی چندین پیکسل دستگاه است.


طول های نسبی

واحدهای طول نسبی یک طول را نسبت به ویژگی طول دیگر مشخص می کنند. واحدهای طول نسبی بین محیط های مختلف ارائه بهتر مقیاس بندی می شوند.

نکته: واحدهای em و rem در ایجاد طرح کاملاً مقیاس پذیر کاربردی هستند!
* Viewport = اندازه پنجره مرورگر. اگر عرض دید 50 سانتی متر باشد ، 1vw = 0.5 سانتی متر است.


پشتیبانی مرورگر

اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که واحد طول را کاملا پشتیبانی می کند.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها