مقالات

Float و Clear: شناور سازی عناصر در CSS! 🎈 سلام به همگی! تا اینجا یاد گرفتیم که عناصر چطور به صورت پیش‌فرض (block, inline) یا با استفاده از `position` چیده می‌شن. امروز می‌خوایم در مورد یه روش قدیمی‌تر ولی هنوز...

Z-Index: رقابت لایه‌ها در CSS! 👑 سلام دوستان خوش‌سلیقه! قبلاً در مورد انواع `position` صحبت کردیم و دیدیم که چطور می‌تونیم عناصر رو از جریان عادی صفحه خارج کنیم و اون‌ها رو جابجا کنیم. اما وقتی چند تا عنصر روی...

Positioning: جایگاه عناصر در صفحه! 🗺️ سلام به همه! تا الان یاد گرفتیم که عناصر چطور در صفحه نمایش داده می‌شن (مثل block و inline). اما گاهی اوقات نیاز داریم که جایگاه یه عنصر رو دقیق‌تر و فراتر از جریان...

Display: انواع نمایش عناصر در صفحه! 🖥️ سلام به همه! امروز می‌خوایم در مورد یکی از مهم‌ترین خصوصیت‌های CSS صحبت کنیم: `display`. این خصوصیت تعیین می‌کنه که یه عنصر چطور در صفحه نمایش داده بشه و چه رفتاری داشته باشه....

Box Shadow: سایه‌های دلنشین در طراحی! Shadows 🌫️ سلام به هنرمندان کدنویس! تا اینجا با ساختار و ظاهر عناصر آشنا شدیم. حالا وقتشه که یه کم بُعد و حجم به طرح‌هامون بدیم! خصوصیت `box-shadow` به ما اجازه می‌ده که برای...

Border Radius: گرد کردن گوشه‌ها با ظرافت! 🌸 سلام دوستان عزیز! تا اینجا با مدل جعبه‌ای CSS، padding، border، margin و پس‌زمینه‌ها حسابی کار کردیم. حالا وقتشه که یه کم ظرافت به طرح‌هامون اضافه کنیم! با خصوصیت `border-radius` می‌تونیم گوشه‌های...

Background Size: اندازه عکس پس‌زمینه، با کلی امکانات! 📏 سلام دوباره به همراهان عزیز! تا اینجا با رنگ، عکس، تکرار و جایگاه پس‌زمینه آشنا شدیم. اما گاهی اوقات اندازه‌ی خود عکس پس‌زمینه نیاز به تنظیم داره. اینجا است که خصوصیت...

جادوی پس‌زمینه: رنگ، عکس، تکرار و جایگاه! ✨ سلام به دوستای خوش‌سلیقه! تا اینجا کلی در مورد ظاهر متن و جعبه‌ها صحبت کردیم. حالا وقتشه که به عنصر محبوب همه‌مون، یعنی پس‌زمینه (Background) بپردازیم! با ویژگی‌های پس‌زمینه می‌تونین جذابیت بصری...

Box-Sizing: کنترل نهایی اندازه جعبه! 📐 سلام به همگی! تا اینجا مدل جعبه‌ای CSS رو با لایه‌های مختلفش بررسی کردیم: محتوا، padding، border و margin. اما یه نکته مهم که می‌تونه رفتار این جعبه‌ها رو کاملاً عوض کنه، خصوصیت `box-sizing`...