cssطراحی سایت

جلسه ۲۸: درک معنای واحدها در CSS

اندازه متن ها باید اندازه باشد. اندازه تصاویر باید اندازه باشد. فاصله نیز باید اندازه گیری شود. نکته این است که این موارد مهم است زیرا هیچ اندازه گیری محاسبه وجود ندارد. به همین منظور ، هیچ اندازه گیری بدون واحد وجود ندارد. در این بخش ، ما با معرفی واحدهای CSS را شروع خواهیم کرد.

واحدهای آغازین

شما احتمالاً با واحدهای اندازه گیری مانند سانتی متر ، میلی متر و اینچ و غیره آشنا هستید. CSS دارای واحدهای زیادی است. من قصد آموزش همه آن را ندارم. در این دوره تمام واحدهایی که احتمالاً در اطراف آنها را خواهید دید را پوشش خواهیم داد. در زیر واحدهایی وجود دارد که نگاهی خواهیم انداخت:
  1. پیکسل (px)
  2. پوینت (pts)
  3. پیکاس (pc)
  4. Ems (em)
  5. رم (rem)
  6. Exes(ex)
  7. درصد (٪)
  8. vmin و vmax
  9. ارتفاع (vh) و عرض (vw)
در صورت تعجب ، یک مورد استفاده ساده برای واحدها به همین ترتیب است:
h1 {
    font-size: 12px
}
برای این مثال ، من از واحد ، پیکسل ها استفاده کرده ام ، یعنی کد می گوید ، _ به فونت اندازه ۱۲ پیکسل بدهید ._ حال بیایید نگاهی دقیق به این واحدها در درس بعدی بیاندازیم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا