❤️ مای گاد || پروکسی 🌈

فیلم «Van Helsing: Meet the Monsters» را در YouTube تماشا کنید https://youtu.be/eKwUzi_an2U

:where(header, main, footer) p:hover {
    color: red;
    cursor: pointer;
}

قبلا به این شکل انجام میدادیم

header p:hover,
main p:hover,
footer p:hover {
    color: red;
    cursor: pointer;
}

خب دوستان توی css دو تا روش جدید معرفی شده که میتونید باشون چندتا المنت رو انتخاب کنید اون توابع ()where: و ()is: هستن - با این توابع می‌تونیم به صورت گروهی و یکجا چندین المنت رو انتخاب کنیم. کاری که قبلاً امکان‌پذیر نبود و باید المنت‌ها رو تک تک انتخاب می‌کردیم - این ۲ تابع کارایی مشابهی دارن. اما باید بدونیم که المنت‌هایی که با where انتخاب می‌کنیم، پایین‌ترین میزان Specificity رو دارن. اما Specificity توی is بستگی به المنت‌هایی داره که انتخاب می‌کنیم - این دو تابع نسبتاً جدید هستن و بنابراین پشتیبانی مرورگرها اهمیت داره: https://developer.mozilla.org/en-US/docs/Web/CSS/:where اینکه حالا Specificity چیه رو خدمتون در پست های بعدی میگم #css ID Channel : @htmlcss_channel

لیست آموزش های کانال تا الان آموزش فلکس باکس https://t.me/htmlcss_channel/12 خاصیت box-sizing در سی اس اس https://t.me/htmlcss_channel/15 شبه عناصر before و after https://t.me/htmlcss_channel/16 عناصر inline و block و رفع محدودیت عناصر inline با inline-block https://t.me/htmlcss_channel/16 سلکتور های پیشرفته در سی اس اس https://t.me/htmlcss_channel/17 مبحث stickyFooter https://t.me/htmlcss_channel/20 مفهوم flow https://t.me/htmlcss_channel/24 خاصیت Transform در css https://t.me/htmlcss_channel/21 مینی پروژه ساخت checkbox , radiobutton سفارشی روش اول https://t.me/htmlcss_channel/22 مینی پروژه ساخت checkbox , radiobutton سفارشی روش دوم https://t.me/htmlcss_channel/24 مینی پروژه navigation با انیمیشن زیبا و اشنایی با دستور انمیشن در سی اس اس https://t.me/htmlcss_channel/28 مینی پروژه ساخت منوی کشویی https://t.me/htmlcss_channel/31 ویژیگی visibility تفاوت visibility: hidden با display:none https://t.me/htmlcss_channel/24 پروژه ui تلگرام با کمک flexbox https://t.me/htmlcss_channel/34 ساخت dropDown سفارشی https://t.me/htmlcss_channel/44 مینی پروژه wave Animationi https://t.me/htmlcss_channel/48 رسپانسیو سازی صفحات وب با کمک مدیا کوئری https://t.me/htmlcss_channel/51 منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟ https://t.me/htmlcss_channel/83 مبحث پوزشین ها در سی اس اس https://t.me/htmlcss_channel/96

ویژیگی Position در Css بخش چهارم پوزشین absolute فرق بین پوزشین absolute و relative مدرس محمد نیکو ID Channel : @htmlcss_channel

ویژیگی Position در Css بخش سوم پوزشین relative توصیه میکنم همه دوستان ببینن حتی اونایی بلدن پوزشین هارو مدرس محمد نیکو ID Channel : @htmlcss_channel

ویژیگی Position در Css بخش دوم در این ویدیو برسی میکیم کار ویژیگی position مقادیر ویژیگی position نقطه مبدا مختصات مدرس محمد نیکو ID Channel : @htmlcss_channel

ویژیگی Position در Css بخش اول در این ویدیو برسی میکیم مفهوم Flow مفهوم ViewPort مدرس محمد نیکو ID Channel : @htmlcss_channel

حالا که فلا وقت نمیکنیم به صورت ویدیو آموزش بزاریم یک خورده هم متنی اموزش میزاریم در مورد واحد های نسبی em و rem em ————————————————————————— مثلا اگر ما به تگ p اگه بگیم font-size:10px = 1em این میشه یکem بعد اگر باز بگیم 2em میشه 20 پیکسل width:2em = 2 * 10 = 20px حالا اگر برای این تگ p فونت سایزی اول ست نکنیم فونت سایز عنصر پدرشو در نظر میگیره باز اگر برا والد شم در نظر نگرفته باشیم فونت سازی رو همینطوری یه پله یه پله والد ها دیگه رو چک میکنه تا به فونت سایز برسه اگرم دیگه هیشکدوم فونت سایز نداشتن به عنصر روت html میرسه که فونت سایز پیشفرضش 16px هستش که 16 پیکسل میشه یکem ————————————————————————— rem فونت سایز عنصر html که 16 باشه هستش که میشه یک rem = 16px و هرجا بگیم مثلا 2rem میشه px 16* 2 = 32px

منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟ داخل این ویدیو با یک مثال خیلی ساده توضیح دادم مدرس محمد نیکو ID Channel : @htmlcss_channel

رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت پنجم مینی پروژه سوم- رسپانسیو کردن پروژه تلگرام نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید https://t.me/htmlcss_channel/16 فایل های مورد نیاز : https://t.me/htmlcss_channel/26 مدرس محمد نیکو ID Channel : @htmlcss_channel نظر فراموش نشه که یه فید بکی بگیریم

رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت چهارم مینی پروژه دوم- رسپانسیو سازی نوبار نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید https://t.me/htmlcss_channel/16 فایل های مورد نیاز : https://t.me/htmlcss_channel/26 مدرس محمد نیکو ID Channel : @htmlcss_channel نظر فراموش نشه که یه فید بکی بگیریم

رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت سوم مینی پروژه اول نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید https://t.me/htmlcss_channel/16 فایل های مورد نیاز : https://t.me/htmlcss_channel/26 مدرس محمد نیکو ID Channel : @htmlcss_channel نظر فراموش نشه که یه فید بکی بگیریم