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

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

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

عنوان دوره: دوره CSS for Hyperloop Technology

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

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

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

• 1. مقدمه ای بر CSS
• 2. چرا CSS مهم است؟
• 3. CSS چیست؟
• 4. تاریخچه مختصری از CSS
• 5. CSS در مقابل HTML
• 6. اولین قوانین CSS
• 7. نحوه اضافه کردن CSS به HTML
• 8. Inline Styles
• 9. Internal Stylesheets
• 10. External Stylesheets
• 11. انتخابگرهای CSS (Selectors)
• 12. انتخابگرهای پایه (Basic Selectors)
• 13. انتخابگرهای کلاس (Class Selectors)
• 14. انتخابگرهای ID (ID Selectors)
• 15. انتخابگرهای عمومی (Universal Selector)
• 16. انتخابگرهای گروهی (Grouping Selectors)
• 17. انتخابگرهای زیرمجموعه (Attribute Selectors)
• 18. انتخابگرهای شبه کلاس (Pseudo-classes)
• 19. انتخابگرهای شبه عنصر (Pseudo-elements)
• 20. روابط سلسله مراتبی (Relationship Selectors)
• 21. فرزند مستقیم (Child Combinator)
• 22. برادر مجاور (Adjacent Sibling Combinator)
• 23. برادر عمومی (General Sibling Combinator)
• 24. انتخابگرهای والد (Parent Selectors - آینده)
• 25. قوانین CSS (CSS Properties)
• 26. مدیریت رنگ (Color Properties)
• 27. کدهای رنگ (Color Codes)
• 28. Background Properties
• 29. background-color
• 30. background-image
• 31. background-repeat
• 32. background-position
• 33. background-attachment
• 34. background-size
• 35. background-origin
• 36. background-clip
• 37. background-composite
• 38. Text Properties
• 39. color
• 40. text-align
• 41. text-decoration
• 42. text-transform
• 43. text-indent
• 44. line-height
• 45. letter-spacing
• 46. word-spacing
• 47. font-properties
• 48. font-family
• 49. font-size
• 50. font-weight
• 51. font-style
• 52. font-variant
• 53. font-stretch
• 54. font-synthesis
• 55. font-kerning
• 56. Box Model
• 57. Content
• 58. Padding
• 59. Border
• 60. Margin
• 61. Border-collapse
• 62. Box-sizing
• 63. Display Properties
• 64. inline
• 65. block
• 66. inline-block
• 67. flex
• 68. grid
• 69. none
• 70. list-item
• 71. run-in
• 72. table
• 73. table-cell
• 74. table-caption
• 75. table-column
• 76. table-header-group
• 77. table-footer-group
• 78. table-row
• 79. table-row-group
• 80. table-column-group
• 81. Flexbox Layout
• 82. display: flex
• 83. flex-direction
• 84. flex-wrap
• 85. flex-flow
• 86. justify-content
• 87. align-items
• 88. align-content
• 89. align-self
• 90. flex-grow
• 91. flex-shrink
• 92. flex-basis
• 93. order
• 94. Grid Layout
• 95. display: grid
• 96. grid-template-columns
• 97. grid-template-rows
• 98. grid-template-areas
• 99. grid-gap
• 100. grid-column-gap