Перейти к содержимому

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 #برنامه_نویسی