🌐دوره: طراحی سایت
💯موضوع: عرض و ارتفاع در css
🎥قسمت: ۴
💛توضیحات متنی
🎯 این جلسه بخش بندی html و عرض و ارتفاع دادن به تگ ها در css رو یاد میگیرید
🔹تگ div در html از کلمه divison میاد
🔸پس وقتی تگ div میزاری مثل این مونه که یه بخشی از صفحه سایت رو از بخش های دیگه جدا کردی
🔹 هر کاری بخوای می تونی با این بخش جدا شده انجام بدی
✔️ رنگ پس زمینه خاص بدی
✔️ عرض و ارتفاع خاص بدی
✔️مکان خاص مشخص کنی
🔸داخل css ما پراپرتی width رو داریم که نشون دهنده عرض (محور افقی) است
🔹پراپرتی height رو هم داریم که نشون دهنده ارتفاع (محور عمودی) است
🔸اینجوری نوشته میشن👇
width : ؛ عدد و واحد
height : ؛ عدد و واحد
🔹دقت کن عدد و واحد اندازه گیری باید بهم دیگه چسبیده باشن
🔸برای اینکه مطمئن بشی عرض و ارتفاع درست اعمال شده حتما به تگ رنگ پس زمینه بده تا محدودش رو ببینی
📝تمرین شبانه:
در html یدونه div بسازید و بهش class بدید
در css به همون div رنگ پس زمینه دلخواه، عرض و ارتفاع ۲۵۰ پیکسلی بدید
🔎به وقت بازخورد:
تمرینی که استاد تو ویدئو گفتن رو بعد از انجام دادن می تونید برای پشتیبانی بفرستید تا بررسی بشه😉
❣پیام استاد:
این جلسه هم یه تگ پرکاربرد از html داریم هم ۲ تا پراپرتی مهم از css
تمرین فراموش نشه وب بلاکی های عزیزم
🆔 @Web_Block_Support
استقبالتون خوب بود ولی کافی نه🥺
آقاااا یکم فعال تر باشید
مبادا فردا حسرت بخوری!!
مهلتش رو تمدید میکنم، تا فردا ساعت ۱۲ وقت دارید کلمه "تمرین" رو بفرستید برای پشتیبانی
🆔 @Web_Block_Support
چون رفقای خوبی هستید و کلی پشتیبانی درخواست تمرین دادید براتون ویدئوش ضبط شده🔥🔥
یه حرفی بزنم بین خودمون بمونه
استاد از اوناییه که بهش میگی یه املت بزنی کافیه، اما برات قورمه سبزی درست می کنه😂
گفتم یه ویدئو حل تمرین ساده می خوام ولی یه نکته خیلی خفن تو ویدئو گفتن که...
🔰تو تمام پروژه ها پر کاربرده🛠
🔰تو پروژه های بزرگ ضروریه
🔰تعداد خطوط کد هات رو کم می کنه
🔰سرعت سایت رو میبره بالا🚀
🔰زمان بیشتری برات میخره
🎆 کدنویس عجوبه || جلسه هشتم
تمرین+ استایل مشترک🎗
#کدنویس_عجوبه
#جلسههشتم
🌐دوره: طراحی سایت
💯موضوع: تمرین
🎥قسمت: مربوط به قسمت۳
💛توضیحات متنی
🎯 پرهیز از نوشتن کد های تکراری
🔹توی css میشه استایل هایی رو با یه class تعریف کرد
مثلا
.hello { color: 🟨 ; }
🔸بعدا تو هر قسمتی از پروژه میشه بی نهایت بار از این استایل استفاده کرد
🔹 فقط کافیه همون class مد نظر رو به تگ ها بدی
🔸یعنی اگر ۳ تا تگ p داری که می خوای رنگ نوشته زرد داشته باشن، باید به هر ۳ تا کلاس hello بدی
🔹پس class محدودیت استفاده نداره!
🔸هر چند بار خواستی تکرارش می کنی
🔹اینطوری تعداد کد های کمتری میزنی و سرعت سایت میره بالا
🔸کد هات شلوغ نمیشن و تو پروژه های بزرگ گیج نمیشی
اسمش شد حل تمرین ولی یه تدریس کامله به نظرم❤️😅
نکتش رو خوب یاد بگیرید و یادداشت کنید که فراموش نکنید❌
🎆 کدنویس عجوبه || جلسه نهم
بارگذاری تصویر در سایت🎗
#کدنویس_عجوبه
#جلسهنهم