162 - آموزش تودرتو نویسی در CSS | کاملترین راهنمای Nested Styling 🚀
soufi learn | صوفی لرن
0:00 / 0:00
162 - آموزش تودرتو نویسی در CSS | کاملترین راهنمای Nested Styling 🚀
464 просмотра · 7 дней назад
soufi learn | صوفی لرن
5,06 тыс. подписчиков
464 просмотра · 7 дней назад
#فرانت_اند #طراحی_سایت #برنامه_نویسی
اگه موقع نوشتن CSS با selectorهای طولانی و کدهای تکراری سروکله میزنی، Nested Styling میتونه کدنویسی CSS رو برات تمیزتر و خواناتر کنه! 🔥
تو این ویدیو از دوره HTML و CSS، بهصورت کامل با CSS Nesting یا Nested Styling آشنا میشیم و یاد میگیریم چطور میتونیم استایلهای مرتبط رو به شکل تودرتو بنویسیم و ساختار CSS مرتبتری داشته باشیم.
در طول آموزش میبینیم:
🔹 Nested Styling در CSS دقیقاً چیست؟
🔹 چطور CSS را به شکل تودرتو بنویسیم؟
🔹 تفاوت روش معمول نوشتن CSS با CSS Nesting
🔹 بررسی مثالهای واقعی و کاربردی
🔹 نکات مهم هنگام استفاده از Nested Styling
🔹 چطور کدهای CSS خواناتر و قابل مدیریتتر بنویسیم؟
اگر میخوای CSS رو اصولیتر یاد بگیری و با قابلیتهای مدرن CSS آشنا بشی، این آموزش رو از دست نده. ❤️
🎓 دوره جامع و رایگان HTML & CSS
📺 همین الان از قسمت اول شروع کن:
• 01 - آموزش جامع HTML & CSS | شروع مسیر طر...
📱 لینک گروه تلگرامی رفع اشکال
https://www.telegram.me/html_css_soufi
📢 آموزش های کوتاهتر و خفن تر دراینستاگرام 👇
/ soufi_learn
🚀 صوفی لرن ینی جایی که یادگیری، باحال تر از تفریحه 😉
⏳ سرفصل های ویدیو:
00:00 مقدمه
00:40 معایب استایل دهی سنتی
03:29 ساختار تودرتو نویسی استایل ها
07:28 قانون مهم در Nested CSS
09:40 اعمال Pseudo-class به روش Nested
13:47 اعمال Pseudo-element های before after
15:04 چه زمانی بصورت Nested استایل بدیم؟
16:29 ترکیب هاور افکت پیشرفته با تودرتو نویسی
17:57 مدرن بودن Nested styling
18:50 ترکیب Nested CSS با BEM
#CSS #HTML #CSSNesting #NestedStyling #WebDevelopment #Frontend #آموزشCSS #برنامه_نویسی