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

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

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

عنوان دوره: دوره CSS for Succession Planning

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

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

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

• 1. مقدمه ای بر CSS
• 2. CSS چیست؟
• 3. چرا از CSS استفاده می کنیم؟
• 4. نحوه اتصال CSS به HTML
• 5. انواع روش های اتصال CSS
• 6. CSS Inline
• 7. CSS Internal
• 8. CSS External
• 9. تگ های HTML پرکاربرد برای استایل دهی
• 10. انتخابگرهای CSS (Selectors)
• 11. انتخابگر تگ (Tag Selector)
• 12. انتخابگر کلاس (Class Selector)
• 13. انتخابگر آیدی (ID Selector)
• 14. انتخابگر ویژگی (Attribute Selector)
• 15. انتخابگر گروهی (Grouping Selector)
• 16. انتخابگر جهانی (Universal Selector)
• 17. انتخابگر فرزند (Child Combinator)
• 18. انتخابگر برادر پسین (Adjacent Sibling Combinator)
• 19. انتخابگر برادر عمومی (General Sibling Combinator)
• 20. انتخابگر والد (Parent Combinator - کمتر رایج)
• 21. نکات مهم در انتخابگرها
• 22. اولویت بندی انتخابگرها (Specificity)
• 23. قانون !important
• 24. مدیریت اولویت ها
• 25. خاصیت های CSS (Properties)
• 26. رنگ ها (Colors)
• 27. مقادیر رنگ (Color Values)
• 28. کدهای هگزادسیمال (Hex Codes)
• 29. نام های رنگ (Color Names)
• 30. مقادیر RGB و RGBA
• 31. مقادیر HSL و HSLA
• 32. پس زمینه (Background)
• 33. خاصیت background-color
• 34. خاصیت background-image
• 35. خاصیت background-repeat
• 36. خاصیت background-position
• 37. خاصیت background-attachment
• 38. خاصیت background-size
• 39. خاصیت shorthand background
• 40. حاشیه نویسی (Borders)
• 41. خاصیت border-width
• 42. خاصیت border-style
• 43. خاصیت border-color
• 44. خاصیت shorthand border
• 45. اشکال مختلف حاشیه
• 46. فونت ها (Fonts)
• 47. خاصیت font-family
• 48. خاصیت font-size
• 49. خاصیت font-weight
• 50. خاصیت font-style
• 51. خاصیت line-height
• 52. فونت های وب (Web Fonts)
• 53. تنظیمات متن (Text)
• 54. خاصیت text-align
• 55. خاصیت text-decoration
• 56. خاصیت text-transform
• 57. خاصیت letter-spacing
• 58. خاصیت word-spacing
• 59. خاصیت text-indent
• 60. خاصیت white-space
• 61. باکس مدل (Box Model)
• 62. خاصیت width
• 63. خاصیت height
• 64. خاصیت padding
• 65. خاصیت border (تکرار و مرور)
• 66. خاصیت margin
• 67. نحوه محاسبه عرض و ارتفاع واقعی
• 68. مدیریت Box Model
• 69. ابعاد (Sizing)
• 70. خاصیت min-width و max-width
• 71. خاصیت min-height و max-height
• 72. واحد های اندازه گیری (Units)
• 73. واحد های مطلق (Absolute Units) - px, pt, cm, mm, in
• 74. واحد های نسبی (Relative Units) - em, rem, %, vw, vh
• 75. تفاوت بین em و rem
• 76. Layout با CSS
• 77. Float و Clear
• 78. خاصیت float
• 79. خاصیت clear
• 80. مشکلات Float
• 81. Flexbox (Flexible Box Layout)
• 82. مقدمه ای بر Flexbox
• 83. خاصیت display: flex
• 84. خاصیت flex-direction
• 85. خاصیت flex-wrap
• 86. خاصیت justify-content
• 87. خاصیت align-items
• 88. خاصیت align-content
• 89. خاصیت align-self
• 90. خاصیت flex-grow, flex-shrink, flex-basis
• 91. نحوه چیدمان با Flexbox
• 92. Grid (CSS Grid Layout)
• 93. مقدمه ای بر Grid
• 94. خاصیت display: grid
• 95. خاصیت grid-template-columns
• 96. خاصیت grid-template-rows
• 97. خاصیت grid-template-areas
• 98. خاصیت grid-gap (یا gap)
• 99. خاصیت justify-items, align-items
• 100. خاصیت justify-self, align-self