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

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

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

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

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

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

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

• 1. مبانی CSS: مقدمه و تاریخچه
• 2. چرا CSS مهم است؟
• 3. نحوه اتصال CSS به HTML
• 4. سینتکس CSS: انتخابگرها، خصوصیات و مقادیر
• 5. انتخابگرهای عناصر (Element Selectors)
• 6. انتخابگرهای کلاس (Class Selectors)
• 7. انتخابگرهای شناسه (ID Selectors)
• 8. انتخابگرهای ویژگی (Attribute Selectors)
• 9. انتخابگرهای ترکیبی (Combinator Selectors): فرزند (Child)
• 10. انتخابگرهای ترکیبی: برادر مجاور (Adjacent Sibling)
• 11. انتخابگرهای ترکیبی: برادر عمومی (General Sibling)
• 12. انتخابگرهای ترکیبی: والد (Ancestor)
• 13. انتخابگرهای شبه کلاس (Pseudo-classes): :hover
• 14. انتخابگرهای شبه کلاس: :active
• 15. انتخابگرهای شبه کلاس: :focus
• 16. انتخابگرهای شبه کلاس: :nth-child()
• 17. انتخابگرهای شبه کلاس: :first-child, :last-child
• 18. انتخابگرهای شبه کلاس: :not()
• 19. انتخابگرهای شبه عنصر (Pseudo-elements): ::before
• 20. انتخابگرهای شبه عنصر: ::after
• 21. انتخابگرهای شبه عنصر: ::first-line
• 22. انتخابگرهای شبه عنصر: ::first-letter
• 23. اولویت بندی و وراثت در CSS (Cascading and Inheritance)
• 24. قانون وزنی (Specificity Rules)
• 25. نحوه بازنویسی CSS (Overriding CSS)
• 26. مقادیر CSS: مطلق، نسبی، واحدهای اندازه گیری (px, em, rem)
• 27. واحدهای اندازه گیری درصدی (%)
• 28. واحد vw و vh
• 29. واحدهای ch و ex
• 30. رنگ ها در CSS: مقادیر نام گذاری شده
• 31. رنگ ها در CSS: مقادیر RGB
• 32. رنگ ها در CSS: مقادیر RGBA (با شفافیت)
• 33. رنگ ها در CSS: مقادیر HSL
• 34. رنگ ها در CSS: مقادیر HSLA (با شفافیت)
• 35. مقدار شفافیت (Opacity)
• 36. پس زمینه ها (Backgrounds): خصوصیت background-color
• 37. خصوصیت background-image
• 38. خصوصیت background-repeat
• 39. خصوصیت background-position
• 40. خصوصیت background-attachment
• 41. خصوصیت background-size
• 42. لایه بندی (Box Model): محتوا (Content)
• 43. حاشیه (Padding)
• 44. لبه (Border)
• 45. بیرون‌رَوی (Margin)
• 46. تنظیمات لبه (Border Styles): solid, dashed, dotted
• 47. تنظیمات لبه: groove, ridge, inset, outset
• 48. تنظیمات لبه: ضخامت و رنگ لبه
• 49. خصوصیت box-sizing: content-box
• 50. خصوصیت box-sizing: border-box
• 51. مدیریت متن: فونت خانواده (font-family)
• 52. تنظیمات فونت: font-size
• 53. تنظیمات فونت: font-weight
• 54. تنظیمات فونت: font-style
• 55. تنظیمات فونت: text-decoration
• 56. تنظیمات متن: text-align
• 57. تنظیمات متن: line-height
• 58. تنظیمات متن: letter-spacing
• 59. تنظیمات متن: word-spacing
• 60. تنظیمات متن: text-transform
• 61. تنظیمات متن: text-shadow
• 62. طراحی واکنشگرا (Responsive Design) و اندازه صفحه نمایش
• 63. مدیریت اندازه گذاری (Sizing): width و height
• 64. حداقل و حداکثر عرض و ارتفاع (min-width, max-width, min-height, max-height)
• 65. مدیریت overflow: visible, hidden, scroll, auto
• 66. اصول چیدمان (Layout): نمایش (display): inline
• 67. نمایش: block
• 68. نمایش: inline-block
• 69. نمایش: none
• 70. نمایش: list-item
• 71. نمایش: flex (مقدمه)
• 72. اصول Flexbox: خصوصیت display: flex
• 73. خصوصیت flex-direction
• 74. خصوصیت flex-wrap
• 75. خصوصیت justify-content
• 76. خصوصیت align-items
• 77. خصوصیت align-content
• 78. عناصر Flex: خصوصیت flex-grow
• 79. عناصر Flex: flex-shrink
• 80. عناصر Flex: flex-basis
• 81. عناصر Flex: order
• 82. عناصر Flex: align-self
• 83. Grid Layout: مقدمه
• 84. خصوصیت display: grid
• 85. خصوصیت grid-template-columns
• 86. خصوصیت grid-template-rows
• 87. خصوصیت grid-template-areas
• 88. خصوصیت grid-gap (یا gap)
• 89. عناصر Grid: خصوصیت grid-column
• 90. عناصر Grid: خصوصیت grid-row
• 91. عناصر Grid: خصوصیت justify-self
• 92. عناصر Grid: خصوصیت align-self
• 93. چیدمان شناور (Float Layout): خصوصیت float
• 94. خصوصیت clear
• 95. استفاده از Clearfix
• 96. موقعیت دهی (Positioning): static
• 97. موقعیت دهی: relative
• 98. موقعیت دهی: absolute
• 99. موقعیت دهی: fixed
• 100. موقعیت دهی: sticky