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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مبانی CSS: تاریخچه و نقش
• 2. ورود CSS به HTML: روش‌های مختلف
• 3. انتخابگرها (Selectors): آشنایی اولیه
• 4. انتخابگرهای تگ (Element Selectors)
• 5. انتخابگرهای کلاس (Class Selectors)
• 6. انتخابگرهای آیدی (ID Selectors)
• 7. انتخابگرهای جهانی (Universal Selector)
• 8. انتخابگرهای گروهی (Grouping Selectors)
• 9. قواعد CSS (CSS Rules): ساختار کلی
• 10. ویژگی‌ها (Properties) در CSS
• 11. مقادیر (Values) در CSS
• 12. کامنت‌گذاری در CSS (CSS Comments)
• 13. واحدها در CSS: پیکسل (px)
• 14. واحدها در CSS: درصد (%)
• 15. واحدها در CSS: em و rem
• 16. واحدها در CSS: vh و vw
• 17. رنگ‌ها در CSS: نام رنگ‌ها (Color Names)
• 18. رنگ‌ها در CSS: کد هگزادسیمال (Hexadecimal)
• 19. رنگ‌ها در CSS: RGB
• 20. رنگ‌ها در CSS: RGBA
• 21. رنگ‌ها در CSS: HSL
• 22. رنگ‌ها در CSS: HSLA
• 23. شفافیت (Opacity) در CSS
• 24. پس‌زمینه (Background): رنگ پس‌زمینه (background-color)
• 25. پس‌زمینه (Background): تصویر پس‌زمینه (background-image)
• 26. پس‌زمینه (Background): تکرار تصویر پس‌زمینه (background-repeat)
• 27. پس‌زمینه (Background): موقعیت تصویر پس‌زمینه (background-position)
• 28. پس‌زمینه (Background): اندازه تصویر پس‌زمینه (background-size)
• 29. پس‌زمینه (Background): ضمیمه تصویر پس‌زمینه (background-attachment)
• 30. خاصیت shorthand برای background
• 31. کادر (Border): سبک کادر (border-style)
• 32. کادر (Border): عرض کادر (border-width)
• 33. کادر (Border): رنگ کادر (border-color)
• 34. کادر (Border): گوشه‌های گرد (border-radius)
• 35. خاصیت shorthand برای border
• 36. حاشیه (Margin): تعریف و کاربرد
• 37. خاصیت margin-top
• 38. خاصیت margin-right
• 39. خاصیت margin-bottom
• 40. خاصیت margin-left
• 41. خاصیت shorthand برای margin
• 42. فاصله داخلی (Padding): تعریف و کاربرد
• 43. خاصیت padding-top
• 44. خاصیت padding-right
• 45. خاصیت padding-bottom
• 46. خاصیت padding-left
• 47. خاصیت shorthand برای padding
• 48. جعبه مدل (Box Model): درک مفاهیم
• 49. تنظیم عرض (width) و ارتفاع (height)
• 50. حداقل عرض (min-width) و حداکثر عرض (max-width)
• 51. حداقل ارتفاع (min-height) و حداکثر ارتفاع (max-height)
• 52. مدیریت سرریز (Overflow): hidden
• 53. مدیریت سرریز (Overflow): scroll
• 54. مدیریت سرریز (Overflow): auto
• 55. مدیریت سرریز (Overflow): visible
• 56. تایپوگرافی (Typography): فونت فمیلی (font-family)
• 57. تایپوگرافی (Typography): اندازه فونت (font-size)
• 58. تایپوگرافی (Typography): وزن فونت (font-weight)
• 59. تایپوگرافی (Typography): سبک فونت (font-style)
• 60. تایپوگرافی (Typography): تراز متن (text-align)
• 61. تایپوگرافی (Typography): دکوراسیون متن (text-decoration)
• 62. تایپوگرافی (Typography): تبدیل متن (text-transform)
• 63. تایپوگرافی (Typography): ارتفاع خط (line-height)
• 64. تایپوگرافی (Typography): فضای کلمه (word-spacing)
• 65. تایپوگرافی (Typography): فضای کاراکتر (letter-spacing)
• 66. تایپوگرافی (Typography): سایه متن (text-shadow)
• 67. نمایش (Display): inline
• 68. نمایش (Display): block
• 69. نمایش (Display): inline-block
• 70. نمایش (Display): none
• 71. نمایش (Display): flex
• 72. نمایش (Display): grid
• 73. سیستم چیدمان (Layout): position: static
• 74. سیستم چیدمان (Layout): position: relative
• 75. سیستم چیدمان (Layout): position: absolute
• 76. سیستم چیدمان (Layout): position: fixed
• 77. سیستم چیدمان (Layout): position: sticky
• 78. خاصیت z-index
• 79. CSS Flexbox: کانتینر اصلی (flex container)
• 80. CSS Flexbox: محور اصلی (main axis)
• 81. CSS Flexbox: محور متقاطع (cross axis)
• 82. CSS Flexbox: direction
• 83. CSS Flexbox: justify-content
• 84. CSS Flexbox: align-items
• 85. CSS Flexbox: align-content
• 86. CSS Flexbox: flex-wrap
• 87. CSS Flexbox: آیتم‌های فلکس (flex items)
• 88. CSS Flexbox: order
• 89. CSS Flexbox: flex-grow
• 90. CSS Flexbox: flex-shrink
• 91. CSS Flexbox: flex-basis
• 92. CSS Flexbox: align-self
• 93. CSS Grid: کانتینر اصلی (grid container)
• 94. CSS Grid: خطوط (tracks)
• 95. CSS Grid: گپ (gap)
• 96. CSS Grid: grid-template-columns
• 97. CSS Grid: grid-template-rows
• 98. CSS Grid: grid-template-areas
• 99. CSS Grid: justify-items
• 100. CSS Grid: align-items