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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS
• 2. تاریخچه CSS
• 3. چرا CSS مهم است
• 4. CSS در مقابل HTML
• 5. انواع CSS: داخلی، خارجی، درون خطی
• 6. ایجاد اولین فایل CSS
• 7. نحوه پیوند دادن CSS خارجی به HTML
• 8. انتخابگرهای CSS: مقدمه
• 9. انتخابگرهای نوع (عنصر)
• 10. انتخابگرهای کلاس
• 11. انتخابگرهای شناسه
• 12. انتخابگرهای جهانی (*)
• 13. گروه‌بندی انتخابگرها
• 14. انتخابگرهای فرزند
• 15. انتخابگرهای نوادگان
• 16. انتخابگرهای برادر مجاور (+)
• 17. انتخابگرهای خواهر و برادر عمومی (~)
• 18. انتخابگرهای ویژگی
• 19. انتخابگرهای حالت (Pseudo-classes)
• 20. انتخابگرهای عناصر (Pseudo-elements)
• 21. اولویت (Cascading) در CSS
• 22. کشف اولویت (Specificity)
• 23. مقادیر و واحدها در CSS
• 24. رنگ‌ها: نام‌ها، مقادیر هگزادسیمال، RGB، RGBA
• 25. شفافیت (Opacity)
• 26. پس‌زمینه‌ها: رنگ، تصویر
• 27. نحوه تکرار تصویر پس‌زمینه
• 28. موقعیت تصویر پس‌زمینه
• 29. اندازه تصویر پس‌زمینه
• 30. نحوه پیوست تصویر پس‌زمینه
• 31. CSS Box Model: محتوا (Content)
• 32. CSS Box Model: حاشیه داخلی (Padding)
• 33. CSS Box Model: حاشیه خارجی (Margin)
• 34. CSS Box Model: کادر (Border)
• 35. سبک‌های حاشیه (Border Styles)
• 36. ضخامت حاشیه (Border Width)
• 37. رنگ حاشیه (Border Color)
• 38. گوشه‌های گرد (Border Radius)
• 39. تنظیم حاشیه‌های منحصر به فرد (Top, Right, Bottom, Left)
• 40. مدیریت حاشیه خارجی (Margin Collapsing)
• 41. عرض و ارتفاع عناصر
• 42. عرض و ارتفاع حداقل و حداکثر
• 43. واحد‌های نسبی: درصد (%)
• 44. واحد‌های نسبی: vw و vh
• 45. واحد‌های نسبی: em و rem
• 46. واحد‌های نسبی: ex و ch
• 47. واحد‌های مطلق: px
• 48. واحد‌های مطلق: pt, pc, in, cm, mm
• 49. نحوه نمایش عناصر (Display Property)
• 50. مقدار display: block
• 51. مقدار display: inline
• 52. مقدار display: inline-block
• 53. مقدار display: none
• 54. مقدار display: flex
• 55. مقدار display: grid
• 56. مقدار display: table
• 57. مقدار display: list-item
• 58. تایپوگرافی: فونت خانواده (Font-family)
• 59. تایپوگرافی: اندازه فونت (Font-size)
• 60. تایپوگرافی: ضخامت فونت (Font-weight)
• 61. تایپوگرافی: سبک فونت (Font-style)
• 62. تایپوگرافی: تزئین فونت (Font-variant)
• 63. تایپوگرافی: حروف بزرگ/کوچک (Text-transform)
• 64. تایپوگرافی: تراز متن (Text-align)
• 65. تایپوگرافی: فاصله خطوط (Line-height)
• 66. تایپوگرافی: فاصله کلمات (Word-spacing)
• 67. تایپوگرافی: فاصله حروف (Letter-spacing)
• 68. تایپوگرافی: تورفتگی متن (Text-indent)
• 69. تایپوگرافی: سایه متن (Text-shadow)
• 70. لیست‌ها: سبک‌های نشانگر (List-style-type)
• 71. لیست‌ها: تصاویر نشانگر (List-style-image)
• 72. لیست‌ها: موقعیت نشانگر (List-style-position)
• 73. نحوه ارث بری (Inheritance) در CSS
• 74. واحد‌های واریانس (CSS Variables)
• 75. نحوه تعریف و استفاده از متغیرهای CSS
• 76. متغیرهای CSS در انتخابگرهای خاص
• 77. استفاده از متغیرهای CSS برای تم‌سازی
• 78. مقادیر سیال (Fluid Values)
• 79. طراحی واکنش‌گرا (Responsive Design): مقدمه
• 80. Viewport Meta Tag
• 81. رسانه کوئری‌ها (Media Queries): سینتکس
• 82. رسانه کوئری‌ها: عرض صفحه
• 83. رسانه کوئری‌ها: جهت صفحه
• 84. رسانه کوئری‌ها: رزولوشن
• 85. رسانه کوئری‌ها: دستگاه‌های چاپ
• 86. استفاده از رسانه کوئری‌ها برای تغییر چیدمان
• 87. استفاده از رسانه کوئری‌ها برای تغییر فونت‌ها
• 88. استفاده از رسانه کوئری‌ها برای تغییر تصاویر
• 89. استفاده از فریم‌ورک‌های CSS (معرفی)
• 90. فریم‌ورک Bootstrap (معرفی)
• 91. فریم‌ورک Tailwind CSS (معرفی)
• 92. مفهوم Flexbox
• 93. ویژگی‌های Flex Container
• 94. ویژگی‌های Flex Items
• 95. جهت‌بندی در Flexbox
• 96. تراز در Flexbox
• 97. پوشاندن (Wrapping) در Flexbox
• 98. مفهوم Grid
• 99. ویژگی‌های Grid Container
• 100. ویژگی‌های Grid Items