دوره آموزشی نکات CSS
2 ساعت 3 دقیقهمتوسط2022-11-09
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
CSS دارای گوشه های جادویی زیادی است که می تواند در زمان فوق العاده شما صرفه جویی کند. بیا آنها را پیدا کن! در این دوره، طراح و توسعه دهنده وب Morten Rand-Hendriksen به شما نشان می دهد که چگونه با یک رویکرد اندازه کوچک به چالش های خاص بپردازید که به شما امکان می دهد آنچه را که نیاز دارید سریع بیابید. مورتن موضوعاتی مانند containers، تایپوگرافی، طرح بندی و موارد دیگر را پوشش می دهد. در هر ویدئو، او تکنیکی را آموزش می دهد که می توانید در طراحی وب خود به کار ببرید، چیزی مختصر و سریع که می تواند پروژه های پیچیده شما را ساده تر کند.
مهارت ها
CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
سرفصل ها
0. مقدمه
- 01 - CSS خود را شارژ کنید
- 02 - فایل های تمرینی
- 03 - استفاده از GitHub Codespaces با این دوره
1. کار با CSS
- 04 - آیا باید CSS خود را عادی یا تنظیم مجدد کنم؟
- 05 - CSS بهتری با stylelint بنویسید
2. نکات ظرف
- 06 - واحد vw یک نعمت مخلوط است
- 07 - سایزبندی منسجم با باکس سایزینگ - حاشیه-باکس
- 08 - خواص جعبه منطقی به جای بالا، راست، پایین، چپ
- 09 - حالت های نوشتن
- 10- تراز افقی و عمودی در هر ظرف
- 11 - نسبت تصویر را در کانتینرها و تصاویر حفظ کنید
- 12 - نحوه عملکرد ملک روشن
- 13 - حرکت روی clearfix - پاکسازی با flow-root
3. تایپوگرافی
- 14 - واحدهای px، em و rem توضیح داده شده است
- 15 - طول خطوط طبیعی را با واحد ch تنظیم کنید
- 16 - اندازه گیری پاسخگو با min()، max() و clamp()
- 17 - یک drop cap به متن خود اضافه کنید
- 18 - طول متن و تعداد خطوط متن را کوتاه کنید
- 19 - انتخاب متن و برجسته کردن سبک
- 20 - معنی سازی خاصیت خط-ارتفاع
4. خواص سفارشی
- 21 - خواص سفارشی با مقادیر پیش فرض
- 22 - تودرتو کردن خصوصیات سفارشی برای ایجاد توابع
- 23 - ایجاد حالت روشن یا تاریک با ویژگی های سفارشی
- 24 - نوار کناری - رنگ های hsla () فقط بهتر هستند
5. چیدمان
- 25 - از گرید، فلکس یا شناور استفاده کنید
- 26 - شکاف ها و ناودان ها را به شبکه اضافه کنید و خم کنید
- 27 - عناصر شبه، آیتم های گرید و فلکس واقعی هستند
- 28 - قرار دادن اشیا روی هم با استفاده از شبکه
- 29 - عناصر ثابت و چسبنده
نتیجه
- 30 - ممنون
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS