آموزش رایگان CSS جلسه بیست و نهم: کار با مدیا کوئری ها در CSS - آشنایی با Media Queries

MrEbi
MrEbi
360 بار بازدید - پارسال - ما در جلسات گذشته با
ما در جلسات گذشته با امکاناتی آشنا شدیم که به ما اجازه میداد تا حدودی عناصر خودمون رو رسپانسیو یا واکنشگرا کنیم. مثلا یاد گرفتیم که اگر مقدار width هر عنصری رو صد در صد قرار بدیم، جدا از اینکه عرض صفحه چقدر باشه، همیشه عرض صفحه ما رو پر میکنه. یا در مبحث Flexbox یاد گرفتیم که چجوری عناصر رو کنار هم بچینیم که بتونیم اونها رو مرتب کنیم. اما هیچ کدوم از چیزهایی که تا اینجا یاد گرفتیم بدون مدیا کوئری کارایی لازم رو نداره. در حقیقت مهمترین ابزار برای ساخت صفحات Responsive مدیاکوئری است که امروز قراره در موردش صحبت کنیم. از طرفی امروزه با گسترش روزافزون گوشی های موبایل و دیوایس های مختلف در ابعاد گوناگون، طراحی صفحات وب بدون رعایت اصول رسپانسیو، ضربه مهلکی رو به وبسایت ما میزنه و یکی از اصول جدانشدنی از صفحات وب امروزی هست. پس با این جلسه مهم و کاربردی همراه من باشید.



دوره آموزش CSS
https://mrebi.pro/?p=1361
آموزش رایگان CSS جلسه اول: آشنایی با ...

پست مربوط به این ویدیو
https://mrebi.pro/?p=1846

همه دوره های آموزشی
https://mrebi.pro/courses



0:00 آشنایی با مدیا کوئری
1:20 معنی رسپانسیو - رسپانسیو چیست
2:40 استفاده از مدیا کوئری
12:30 استایل دهی به صفحات پرینت


▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🔴 سابسکرایب و لایک فراموش نشه!!! 🔴
https://www.seevid.ir/c/mrebi-pro/?s...
🔴 اگر سوالی دارید حتما تو قسمت کامنت پیام بذارید🔴
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬


#طراحی_سایت  #آموزش_طراحی_سایت  #رسپانسیو #css
پارسال در تاریخ 1401/12/11 منتشر شده است.
360 بـار بازدید شده
... بیشتر