انجمن برنامه نویسان البرز

تبلیغات

استفاده از width و height در CSS

استفاده از width و height در CSS


با سلام خدمت تمام کاربران عزیز امروز میخواهیم نحوه استفاده از width و height در CSS را به شما آموزش بدهیم . استفاده از width و height در CSS مختص این جلسه نیست و همانطور که در درسهای گذشته هم به طریقی با آن آشنا شده بودیم برای تعیین طول و عرض عنصرهای موجود در صفحه از width و height استفاده میشود . میتوان به دو سبک و یا به عبارت دیگر به رو روش برای این خصوصیات CSS مقدار تعیین کرد . میتوانید درسهای گذشته را از اینجا مرور کنید

  • استفاده از %
  • استفاده از مقادیر ثابت نظیر ، Vh ،Vw ،PX ، Em ، Rem ( فعلا در آموزشها فقط از PX استفاده میکنیم).

به مثال زیر توجه کنید:

نکته ی مهمی که باید به آن توجه کنیم این است که خصوصیت padding میتواند به مقدار نهایی عرض و طول اضافه شود به مثال زیر توجه کنید.

و اما نکته ی کلیدی و مهم و پرکاربرد استفاده از % در تعیین عرض میباشد این ویژگی به ما کمک میکند تا در viewport های مختلف ( صفحات نمایش گوناگون ) به سایز دلخواه خود برسیم و در طراحی واکنشگرا از آن بهره ببریم. به مثال زیر توجه کنید:

همانطور که مشاهده میکنید عرض div به مقدار ۵۰% از صفحه نمایش تعریف شده است




کلمات کلیدی :

نظر بدهید