نوشته های mailhossein200https://virgool.ir/feed/@hossein200fa2026-11-11 19:35:32https://virgool.ir/images/default-avatar.jpgmailhossein200https://virgool.ir/@hossein200what's the difference between ems and remshttps://virgool.ir/@hossein200/whats-the-difference-between-ems-and-rems-nbtrspqmxpi4 در مورد دو واحد em , rem که بسیار پرکاربرد هستند صحبت خواهم کرد.این دو واحد اندازه گیری جزو واحدهای نسبی می باشند و باعث بهبود پیاده سازی در طراحی وب می شوند. یک em em یک واحد تایپوگرافی است که برابر با font-size کنونی تعیین شده می باشد.یعنی اگر font-size عنصری را 20پیکسل تعیین کرده باشیم،مقدار em 1 برای این عنصر برابر با 20پیکسل خواهد بود.h1 { font-size: 20px } /* 1em = 20px */ p { font-size: 16px } /* 1em = 16px */حال می توانیم از این واحد em برای تعیین مقدار ویژگی های مختلف استفاده کنیم.به عنوان مثال :p { font-size: 16px; /* 1em = 20px */ margin-top: 2em; /* 2em = 2*16 = 32px */ }همانطور که مشاهده می کنید برای دانستن اندازه هر em به ویژگی font-size عناصر رجوع می کنیم،حال اگر ویژگی font-size برای یک عنصر مقداردهی نشده باشد چه اتفاقی می افتد؟کافی است به ویژگی font-size پدر آن عنصر رجوع کنیم و اگر آن عنصر هم این ویژگی برایش تعیین نشده بود همینطور به بالا حرکت می کنیم تا در اجدادش عنصری پیدا کنیم که ویژگی font-size را دارد و اگر در نهایت عنصری پیدا نشد, به عنصر ریشه که همان html است می رسیم و بصورت پیشفرض font-size برای html برابر با 16px می باشد مگر اینکه کاربر از طریق تنظیمات مرورگر این عدد را تغییر دهد. و یا ما در css اندازه فونت html را تغییر دهیم.معمولا کار جالبی نیست که اندازه فونت html را تغییر دهیم, چون با این کار یک حالت پیشفرض را برای مرورگر کاربر تغییر می دهیم. https://www.aparat.com/v/0AalZ mailhossein200mailhossein200Tue, 08 Jan 2019 15:48:02 +0330سلکتورها در CSS3https://virgool.ir/@hossein200/سلکتورها-در-css3-dik0wvxmyjbl در این آموزش با سلکتورها در CSS3 آشنا خواهیم شد . تفاوت CSS و CSS3 رو بیان خواهیم کرد و سپس بعد از اموزش تئوری سلکتورها به صورت عملی نحوه عملکرشان رو خواهیم اموخت.استفاده ترکیبی از این سلکتورها رابطه مستقیمی با خلاقیت یک طراح وب سایت دارد . سلکتورها مانند ابزاری هستند که استفاده مفید و مناسب از آنها بستگی به تسلط و خلاقیت استفاده کننده دارد . سلکتورها یکی از مهمترین اجزاء یک دستور CSS هستند که تسلط و آشنایی با آنها می تواند در بهینه تر نمودن کدهای CSS و همچنین افزایش کنترل بر اجزاء وب سایت توسط CSS کمک کند . سلکتورها ، الگوهایی هستند که برای انتخاب یک عنصر و استایل دهی به اون عنصر استفاده میشن که در این فیلم اموزشی سلکتورها در CSS3 را فرا خواهیم گرفت. https://www.aparat.com/v/1siHS mailhossein200mailhossein200Mon, 24 Dec 2018 23:21:38 +0330