سودو کلاس چیت شیت...
چه به هم میان کلمات، نه؟😎
#CSS

Channel | Group | YouTube

قبلا شرتکات های VS Code رو براتون پارت به پارت قرار دادیم.👌
اما خب گفتیم جمع بندی کنیم بد نیست 😎

Channel | Group | YouTube

خیلی از وقتا باگها تنها فقط به این دلیل به وجود میان که ما از مفاهیم پایه درک درست یا حداقل کاملی نداریم. 💔

👌 میشه گفت Css Box Model یکی از اون مفاهیم کلیدی هستش که تو استایل دهی خیلی بهتون کمک میکنه و خیلی مهمه که درست درکش کنین.

#CSS

Channel | Group | YouTube

چیت شیت فونت ها، بریم ببینیم که واسه فونتامون چه استایلایی داریم؟
#CSS

Channel | Group | YouTube

عصرتون بخیر❤️

رفقا عیدتون ایشالا عیدتون پر از استایلهای fixed باشه تا آخر سال، امیدوام بتونین Background هاتون رو به زیبایی تموم بسازین.

👨‍💻و در نهایت css یا html مورد نظرتون بهتون 200 رو response بده. 😅

خلاصه که خوش بگذره، با قدرتی بیش از پیش پیشتون برمیگردیم...✌️👋

Channel | Group | YouTube

آقا همین اول کار بگم که عیدی آوردم🗿
یکم دیره ولی خب نیت مهمه 💔😎
وقته عمل کردن به قولامونه...

-- تو این ویدیو سعی کردم به سادگی هرچه تمامتر نصب TailwindCSS رو براتون توضیح بدم. --

👨‍💻میدونم که خیلیاتون با نصب تیلویند و ست آپ کردنش مشکل دارین و گاها بعد مدتی دوباره یه ویدیو ای آموزشی چیزی براش میبینین، اما بهتون قول میدم، اگه که این ویدیو رو خوب ببینید، به آموزش دیگه ای برای نصب تیلویند نیازی ندارین👌😱

پ.ن: آقا یه اکستنشن خیلی معروف و خیلی مفیدم داره که تو ویدیو بهتون گفتم

پ.ن ۲: اگه هر انتقادی داشتین از آموزش از ویدیو از چنل یا از هرچیز دیگه ای خوشحال میشم که بهم بگین😍❤️

پ.ن ۳: ادامه ی این روند دوستان بستگی به حمایت های شما عزیزان داره🥹....پس بترکونین ریکشنا و شیر رو...حالا دیگه ادامه کار دست شماست🫡
مخلص شما هتمل🗿
#Tailwind

Channel | Group | YouTube

برید کنار انیمیشنی نشید🗿
چیت شیت انیمیشن😎
#CSS

Channel | Group | YouTube

یونیورسال سلکتور تو تیلویند

👨‍💻 تو Tailwind CSS، یونیورسال سلکتور (universal selector) توسط کاراکتر * نمایش داده میشه. که در حقیقت تمام عناصر صفحه وب رو سلکت میکنه و به شما امکان می‌ده تا استایل‌ها رو به صورت یونیورسال اعمال کنین ( بدون نیاز به مشخص کردن یک عنصر HTML خاص )

👨‍💻 به عنوان مثال، اگر می‌خواین margin به تموم عنصرها با استفاده از Tailwind CSS اعمال کنین، می‌تونین از یونیورسال سلکتور به این شکل استفاده کنین:

<div class="m-4"></div>

#TailwindCSS

Channel | Group | YouTube

فانکشن های CSS پارت 1
#CSS

Channel | Group | YouTube

بی ترانزیشن مگه میشه اصن؟
چیت شیت ترنزیشن🗿👌

#CSS

Channel | Group | YouTube

فانکشن های CSS پارت 2
#CSS

Channel | Group | YouTube

👨‍💻 آقا درسته که نمیشه مقدار ثابتی برای بریکپوینت های رسپانسیو در نظر گرفت، ولی تقریبا همین حدود هایی که توی تصویر میبینین معمولا رایج ترین بریکپوینتها هستن👌

#CSS

Channel | Group | YouTube

حقوق مطابق وزارت کار🗿💔

#meme_video

Channel | Group | YouTube

باکس مدل (Box Model) تو CSS یه مفهوم خیلی مهمه که تعیین می‌کنه چطور یه المان HTML تو صفحه وب قرار میگیره و چطوری اندازه‌ها و فواصل اون محاسبه میشن. این مفهوم شامل چهار مولفه اصلی هست:

1. Content (محتوا):
قسمت داخلی یه المان که شامل محتوای واقعی مثله متن، تصاویر یا سایر المان‌های HTML هست.

2. Padding:
فضای بین محتوا و حاشیه المان. پدینگ می‌تونه به صورت جداگانه برای هر سمت (بالا، پایین، چپ، راست) تنظیم بشه.

3. Border:
حاشیه اطراف پدینگ و محتوا که مرزهای المان رو مشخص میکنه.

4. Margin:
فضای بین حاشیه المان و سایر المان‌ها تک صفحه.

#CSS

Channel | Group | YouTube