دوره CSS for Fleet Management Providers همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS for Fleet Management Providers

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر CSS و اهمیت آن در مدیریت ناوگان
• 2. چرا CSS برای ارائه‌دهندگان مدیریت ناوگان مهم است
• 3. نحوه بارگذاری فایل‌های CSS
• 4. روش‌های اعمال CSS: Inline، Internal و External
• 5. انتخابگرهای CSS: مبانی
• 6. انتخابگرهای عناصر (Element Selectors)
• 7. انتخابگرهای کلاس (Class Selectors)
• 8. انتخابگرهای شناسه (ID Selectors)
• 9. انتخابگرهای عمومی (Universal Selector)
• 10. انتخابگرهای گروهی (Grouping Selectors)
• 11. انتخابگرهای صفات (Attribute Selectors)
• 12. انتخابگرهای شبه‌کلاس (Pseudo-classes): معرفی
• 13. انتخابگر `:hover`
• 14. انتخابگر `:active`
• 15. انتخابگر `:focus`
• 16. انتخابگر `:visited`
• 17. انتخابگر `:link`
• 18. انتخابگر `:first-child`
• 19. انتخابگر `:last-child`
• 20. انتخابگر `:nth-child()`
• 21. انتخابگرهای شبه‌عنصر (Pseudo-elements): معرفی
• 22. شبه‌عنصر `::before`
• 23. شبه‌عنصر `::after`
• 24. شبه‌عنصر `::first-line`
• 25. شبه‌عنصر `::first-letter`
• 26. شبه‌عنصر `::selection`
• 27. قوانین CSS: وزن و اولویت (Specificity)
• 28. اولویت‌بندی قوانین CSS
• 29. ارث‌بری (Inheritance) در CSS
• 30. واحدها در CSS: پیکسل (px)
• 31. واحدها در CSS: درصد (%)
• 32. واحدها در CSS: em و rem
• 33. واحدها در CSS: vh و vw
• 34. واحدها در CSS: pt و pc
• 35. تنظیم رنگ‌ها در CSS: نام رنگ‌ها
• 36. تنظیم رنگ‌ها در CSS: مقادیر هگزادسیمال (Hexadecimal)
• 37. تنظیم رنگ‌ها در CSS: مقادیر RGB
• 38. تنظیم رنگ‌ها در CSS: مقادیر RGBA
• 39. تنظیم رنگ‌ها در CSS: مقادیر HSL
• 40. تنظیم رنگ‌ها در CSS: مقادیر HSLA
• 41. تنظیم متن: فونت خانواده (font-family)
• 42. تنظیم متن: وزن فونت (font-weight)
• 43. تنظیم متن: اندازه فونت (font-size)
• 44. تنظیم متن: سبک فونت (font-style)
• 45. تنظیم متن: تراز متن (text-align)
• 46. تنظیم متن: تزئین متن (text-decoration)
• 47. تنظیم متن: فاصله خطوط (line-height)
• 48. تنظیم متن: فاصله‌گذاری حروف (letter-spacing)
• 49. تنظیم متن: فاصله‌گذاری کلمات (word-spacing)
• 50. تنظیم متن: سایه متن (text-shadow)
• 51. کادربندی (Borders): عرض کادر (border-width)
• 52. کادربندی (Borders): سبک کادر (border-style)
• 53. کادربندی (Borders): رنگ کادر (border-color)
• 54. کادربندی (Borders): گرد کردن گوشه‌ها (border-radius)
• 55. فضای داخلی (Padding): تعریف و کاربرد
• 56. فضای خارجی (Margin): تعریف و کاربرد
• 57. جعبه مدل (Box Model): درک کامل
• 58. تنظیمات نمایش (Display Property): `block`
• 59. تنظیمات نمایش (Display Property): `inline`
• 60. تنظیمات نمایش (Display Property): `inline-block`
• 61. تنظیمات نمایش (Display Property): `none`
• 62. تنظیمات نمایش (Display Property): `flex`
• 63. تنظیمات نمایش (Display Property): `grid`
• 64. مدیریت موقعیت (Positioning): `static`
• 65. مدیریت موقعیت (Positioning): `relative`
• 66. مدیریت موقعیت (Positioning): `absolute`
• 67. مدیریت موقعیت (Positioning): `fixed`
• 68. مدیریت موقعیت (Positioning): `sticky`
• 69. ارتفاع و عرض (Height and Width)
• 70. حداقل و حداکثر ارتفاع و عرض (min/max-height/width)
• 71. پیکربندی طرح‌بندی (Layout Configuration)
• 72. فلوت (Float) و پاکسازی فلوت (Clearfix)
• 73. Flexbox: کانتینر والد (Flex Container)
• 74. Flexbox: آیتم‌های فرزند (Flex Items)
• 75. Flexbox: `justify-content`
• 76. Flexbox: `align-items`
• 77. Flexbox: `flex-direction`
• 78. Flexbox: `flex-wrap`
• 79. Flexbox: `align-content`
• 80. Flexbox: `order`
• 81. Flexbox: `flex-grow`
• 82. Flexbox: `flex-shrink`
• 83. Flexbox: `flex-basis`
• 84. CSS Grid: کانتینر والد (Grid Container)
• 85. CSS Grid: آیتم‌های فرزند (Grid Items)
• 86. CSS Grid: `grid-template-columns`
• 87. CSS Grid: `grid-template-rows`
• 88. CSS Grid: `grid-gap`
• 89. CSS Grid: `grid-area`
• 90. CSS Grid: `justify-items`
• 91. CSS Grid: `align-items`
• 92. CSS Grid: `justify-content`
• 93. CSS Grid: `align-content`
• 94. پاسخگرا کردن وب‌سایت (Responsive Design)
• 95. استفاده از Media Queries
• 96. طراحی Mobile-first
• 97. طراحی Desktop-first
• 98. تنظیم اندازه تصاویر در طرح‌بندی پاسخگرا
• 99. واحد `vw` و `vh` برای طرح‌بندی پاسخگرا
• 100. تنظیمات ظاهر (Appearance)