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

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 سانتی متر است.


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

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

منبع

مقاله‌های مشابه

7 مرحله فروش بیمه عمر (2)

7 مرحله فروش بیمه عمر (2)

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

بیشتر بخوانید
7 مرحله فروش بیمه عمر (1)

7 مرحله فروش بیمه عمر (1)

11/9/96 امروز میخوایم 7 مرحله فروش بیمه عمر یا هر محصولی که شما در کل کره زمین میشناسید، وقتی میگم محصول یه روز این محصولی که داریم ازش صحبت میکنیم میتونه هر چیزی به چیزی بجز بیمه عمر باشه، یکی از مهمترین مباحثی که در دوره تکنسین یاد میگیرید و عملاً آچارفرانسه تمام...

بیشتر بخوانید

شما هم به جمع ۱۰۰,۰۰۰ مشترک خبرنامه‌ ما بپیونید

0 دیدگاه

یک دیدگاه بنویسید

نشانی ایمیل شما منتشر نخواهد شد.