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

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

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

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

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

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

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

• 1. CSS چیست؟
• 2. چرا CSS مهم است؟
• 3. مبانی CSS: انتخابگرها (Selectors)
• 4. انتخابگرهای اولیه: تگ، کلاس، آیدی
• 5. انتخابگرهای ترکیبی
• 6. انتخابگرهای شبه-کلاس (Pseudo-classes)
• 7. انتخابگرهای شبه-عنصر (Pseudo-elements)
• 8. نوشتن اولین قوانین CSS
• 9. مدل جعبه‌ای (Box Model)
• 10. عرض (width)، ارتفاع (height)
• 11. پدینگ (padding)
• 12. حاشیه (margin)
• 13. بوردر (border)
• 14. واحدها در CSS: پیکسل، درصد، em، rem
• 15. رنگ‌ها در CSS: نام رنگ، هگز، RGB، RGBA
• 16. مدیریت متن: فونت (font-family)
• 17. اندازه فونت (font-size)
• 18. ضخامت فونت (font-weight)
• 19. سبک فونت (font-style)
• 20. تراز متن (text-align)
• 21. تزیین متن (text-decoration)
• 22. ارتفاع خط (line-height)
• 23. فاصله حروف (letter-spacing)
• 24. فاصله کلمات (word-spacing)
• 25. پس‌زمینه (background)
• 26. رنگ پس‌زمینه (background-color)
• 27. تصویر پس‌زمینه (background-image)
• 28. تکرار پس‌زمینه (background-repeat)
• 29. موقعیت پس‌زمینه (background-position)
• 30. اندازه پس‌زمینه (background-size)
• 31. پیوستگی پس‌زمینه (background-attachment)
• 32. نمایش عناصر: display: block
• 33. نمایش عناصر: display: inline
• 34. نمایش عناصر: display: inline-block
• 35. نمایش عناصر: display: none
• 36. خاصیت float
• 37. پاک کردن float (clear)
• 38. موقعیت‌دهی (positioning)
• 39. position: static
• 40. position: relative
• 41. position: absolute
• 42. position: fixed
• 43. position: sticky
• 44. top, bottom, left, right
• 45. z-index
• 46. CSS Flexbox: مقدمه
• 47. container و items در Flexbox
• 48. justify-content
• 49. align-items
• 50. flex-direction
• 51. flex-wrap
• 52. align-content
• 53. flex-basis
• 54. flex-grow
• 55. flex-shrink
• 56. CSS Grid: مقدمه
• 57. container و items در Grid
• 58. display: grid
• 59. grid-template-columns
• 60. grid-template-rows
• 61. grid-column-gap
• 62. grid-row-gap
• 63. grid-area
• 64. grid-column-start
• 65. grid-column-end
• 66. grid-row-start
• 67. grid-row-end
• 68. Responsive Design: مقدمه
• 69. Viewport meta tag
• 70. Media Queries
• 71. استفاده از Media Queries برای ابعاد مختلف صفحه
• 72. Max-width
• 73. Min-width
• 74. Mobile-first approach
• 75. Desktop-first approach
• 76. Units for Responsive Design: vw, vh
• 77. Browser Compatibility
• 78. Vendor Prefixes
• 79. Cross-browser testing
• 80. Introduction to CSS Frameworks
• 81. Bootstrap
• 82. Tailwind CSS
• 83. CSS Variables (Custom Properties)
• 84. نحوه تعریف و استفاده از CSS Variables
• 85. Scope of CSS Variables
• 86. CSS Transitions
• 87. transition-property
• 88. transition-duration
• 89. transition-timing-function
• 90. transition-delay
• 91. CSS Animations
• 92. @keyframes rule
• 93. animation-name
• 94. animation-duration
• 95. animation-timing-function
• 96. animation-delay
• 97. animation-iteration-count
• 98. animation-direction
• 99. animation-fill-mode
• 100. animation-play-state