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

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

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

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

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

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

• 1. مبانی CSS: چرا CSS مهم است
• 2. مقدمه ای بر CSS
• 3. انواع روش های اعمال CSS
• 4. CSS درون خطی (Inline CSS)
• 5. CSS داخلی (Internal CSS)
• 6. CSS خارجی (External CSS)
• 7. نحوه لینک کردن فایل CSS خارجی
• 8. نحوه انتخابگرهای CSS (Selectors)
• 9. انتخابگر تگ (Tag Selector)
• 10. انتخابگر کلاس (Class Selector)
• 11. انتخابگر شناسه (ID Selector)
• 12. انتخابگر جهانی (Universal Selector)
• 13. انتخابگر ویژگی (Attribute Selector)
• 14. ترکیب کننده ها (Combinators)
• 15. انتخابگر فرزند (Child Combinator)
• 16. انتخابگر عمومی (General Sibling Combinator)
• 17. انتخابگر فرزند مستقیم (Direct Sibling Combinator)
• 18. انتخابگر والد (Parent Selector - مفهوم)
• 19. گروه بندی انتخابگرها (Grouping Selectors)
• 20. خصوصیت های CSS (Properties)
• 21. مقدارها (Values)
• 22. واحدها در CSS (Units)
• 23. واحد پیکسل (px)
• 24. واحد درصد (%)
• 25. واحد em
• 26. واحد rem
• 27. واحد vw
• 28. واحد vh
• 29. رنگ ها در CSS (Colors)
• 30. نام رنگ ها (Color Names)
• 31. مقادیر هگزادسیمال (Hexadecimal Values)
• 32. مقادیر RGB
• 33. مقادیر RGBA
• 34. مقادیر HSL
• 35. مقادیر HSLA
• 36. پس زمینه ها (Backgrounds)
• 37. خصوصیت background-color
• 38. خصوصیت background-image
• 39. خصوصیت background-repeat
• 40. خصوصیت background-position
• 41. خصوصیت background-attachment
• 42. خصوصیت background-size
• 43. نوشتار (Typography)
• 44. خصوصیت font-family
• 45. خصوصیت font-size
• 46. خصوصیت font-weight
• 47. خصوصیت font-style
• 48. خصوصیت text-align
• 49. خصوصیت text-decoration
• 50. خصوصیت line-height
• 51. خصوصیت letter-spacing
• 52. خصوصیت word-spacing
• 53. باکس مدل (Box Model)
• 54. محتوا (Content)
• 55. حاشیه داخلی (Padding)
• 56. حاشیه خارجی (Margin)
• 57. کادر (Border)
• 58. خصوصیت border-width
• 59. خصوصیت border-style
• 60. خصوصیت border-color
• 61. خصوصیت border-radius
• 62. خصوصیت width
• 63. خصوصیت height
• 64. نمایش (Display)
• 65. display: block
• 66. display: inline
• 67. display: inline-block
• 68. display: none
• 69. display: flex
• 70. display: grid
• 71. float و clear
• 72. Positioning در CSS
• 73. position: static
• 74. position: relative
• 75. position: absolute
• 76. position: fixed
• 77. position: sticky
• 78. top, bottom, left, right
• 79. z-index
• 80. CSS Transitions
• 81. transition-property
• 82. transition-duration
• 83. transition-timing-function
• 84. transition-delay
• 85. CSS Animations
• 86. @keyframes
• 87. animation-name
• 88. animation-duration
• 89. animation-timing-function
• 90. animation-delay
• 91. animation-iteration-count
• 92. animation-direction
• 93. animation-fill-mode
• 94. Flexbox Layout
• 95. flex-direction
• 96. justify-content
• 97. align-items
• 98. flex-wrap
• 99. align-content
• 100. flex-grow