امشب می خوایم بریم سراغ پارت دوم فونت گذاری در css🙂
این جلسه هم از ویدئو های تخصصی دوره جادوگر CSS گرفته شده پس به هیچ عنوان از دستش ندید❌
✅یه نکته ای بگم!
داخل ویدئو امشب احتمالا اسم چند تا تگ رو میشنوید که بلد نیستید... چون از تگ هایی هستن که تو دوره تخصصی معمار HTML آموزش داده شدن
💡معمار HTML دوره صفر تا صدی هست که قبل از جادوگر CSS باید توش متخصص بشید و دیده باشید
توضیح اینکه تگ ها چی هستن تو توضیحات متنی می نویسم، آشنایی دقیق باهاشون هم بمونه برای گروه VIP💎
🎆 کدنویس عجوبه || جلسه پانزدهم
فونت در css (پارت۲)🎗
#کدنویس_عجوبه
#جلسهپانزدهم
16M حجم رسانه بالاست
مشاهده در ایتا
◇
🌐دوره: طراحی سایت
💯موضوع: فونت در css (پارت۲)
🎥قسمت: ۱۱
🟡برگرفته از دوره تخصصی جادوگرcss
◇
#ویدئو
🌐دوره: طراحی سایت
💯موضوع: فونت در css (پارت۲)
🎥قسمت: ۱۱
💛توضیحات متنی
🎯 پارت دوم فونت و پراپرتی های آن
🔹پراپرتی font-weight وزن یا ضخامت نوشته رو کنترل می کنه، معمولا مقدار های بالای ۵۰۰ شروع به ضخیم کردن متن می کنه
font-weight : 600 ;
🔸حواستون باشه عددی که برای ضخامت میزارید واحد نداره و عدد باید تنها باشه
🔹کاربرد ضخیم کردن نوشته مثل زمانیه که از تگ های b یا strong توی html استفاده کنید
🔸تگ b و strong نوشته رو ظاهری بولد و ضخیم می کنن اما خب از لحاظ معنایی فرق دارن
🔹پراپرتی font-style به ما کمک می کنه استایل نوشته رو مشخص کنیم و به صورت پیشفرض روی normal هست
🔸یکی از پرکاربرد ترین استایل های فونت italic هست که نوشته رو مورب می کنه
font-style : italic ;
🔹کاربردش شبیه زمانیه که از تگ i یا em داخل html استفاده کنی
تگ i و em هر دو نوشته ها رو مورب می کنن (البته یه تفاوت هایی دارن با هم این دو تا تگ)😅
🔹 پراپرتی font-size اندازه نوشته رو کنترل میکنه
font-size : 20px ;
🔸به صورت پیشفرض روی 16px هست پس برای بزرگ کردن نوشته باید عدد بالای ۱۶ بدی
🔹پراپرتی letter-spacing اندازه فاصله بین حروف رو مشخص می کنه و چون تو فارسی حروف به همدیگه میچسبند کاربردی نداره و برای زبان انگلیسی بهتره
letter-spacing : 20px ;
🔸پراپرتی line-height اندازه فاصله خط ها از هم دیگه رو مشخص می کنه، هرچی بیشتر باشه، نوشته های زیر هم بیشتر از همدیگه فاصله میگیرن
line-height : 16px ;
📝تمرین شبانه:
دقیقا چالشی که تو ویدئو گفت رو انجام بدید
۳ تا تگ p که به هر سه فونت دادید و حالا فقط قراره وسطی اندازه و رنگ متفاوت داشته باشه😁 ببینم چجور خلاقیت به خرج میدید🔅
🔎به وقت بازخورد:
حتما حتما تمرین رو انجام بدید!
این تمرین چالش خوبیه برای ذهنتون که از دانشتون تا به اینجا استفاده کنید
✅بفرستید پشتیبانی تمرین این جلسه رو چون #امتیاز_ویژه🎟 داره
❣پیام استاد:
جلسه قبل یاد گرفتید فونت به css معرفی کنید
این جلسه یاد میگیرید چجور فونت رو تنظیم کنید
هر دو ویدئو که مکمل همدیگه هستن رو ببینید و اگر سوال داشتید از پشتیبانی بپرسید😉
🆔 @Web_Block_Support
اینا تمریناتیه که شما فرستادید👇☺️
(تعدادشون خیلی زیاد بود ولی خب بیشتر از چند تا دونه رو نمیشه توکانال گذاشت)
لذت میبرم وقتی میبینم انقدر خوب آموزش دیدید و تمرین کردید❤️🥺
از این تمرین میشه فهمید مباحث:
● رنگ پس زمینه
● اندازه فونت
● بوردر
● تقسیم بندی با div
رو کامل یاد گرفتن
واقعا هزار ماشالله 👏👏
#تمرین_شما
انرژی تمام تیم وب بلاک با این تمرین های خفنی که می فرستید چند برابر میشه🔥🔥
از تمرینشون می فهمیده مباحث:
● تقسیم بندی با div
● اضافه کردن و استفاده از فونت
● رنگ
رو کامل متوجه شدن
انقدر فعال بودن که به دنبال یادگیری اضافه هم رفتن و از margin و padding هم استفاده کردن🤩
هزار ماشالله 👏👏
#تمرین_شما
⁉️ناشناس و پشتیبانی پر شده از این سوال که
💥معمار HTML چیه؟💥
رفقا معمار یه دوره تخصصی ۰ تا ۱۰۰ برای یادگیری تمام مباحث به روز ترین نسخه HTML هست که استاد دلشادی برای دانشجو های شخصیشون ضبط کردن
هر چیزی که باید یک طراح سایت از html بلد باشه از ساختار های پایه و تگ ها گرفته تا نکات جزئی که تعداد محدودی فقط می دونن رو تو این دوره گفتن
😅❤️چیزی که من خودم خیلی از دوره معمار دوست دارم اینه که پروژه محوره و
وقتی تمومش کنی راحت بلدی پروژه بزنی با دانسته هات و لازم نیست بری یه دوره پروژه ای دیگه رو هم ببینی
آخر دوره هم یه مینی پروژه خفن خودشون با دانشجو هاشون میزنن👌
برنامه نویسی | Web Block
⁉️ناشناس و پشتیبانی پر شده از این سوال که 💥معمار HTML چیه؟💥 رفقا معمار یه دوره تخصصی ۰ تا ۱۰۰ برا
اینم بگم که فعلا ظرفیتش پره و ثبت نام جدید ندارن❌
کی میدونه🤷🏻♀ شاید اگر بعدا تقاضا براش زیاد بود ازشون بخوایم یه ظرفیت محدودی باز کنن...
نت بین الملل برای وای فای وصل شده☑️
یه وقت اینستا گولتون نزنه وقتتون رو بگیره تمرین نکنیدااا😂😂❤️