فلش‌کارت‌های آموزشی CSS for Fleet Management Jobs

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

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

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

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

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

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

• 1. مبانی CSS: چیستی و کاربرد
• 2. CSS چیست؟
• 3. چرا CSS برای مدیریت ناوگان مهم است؟
• 4. اولین استایل شیت شما
• 5. نحوه افزودن CSS به HTML (Inline, Internal, External)
• 6. انتخابگرها (Selectors) در CSS: مقدمه
• 7. انتخابگرهای عمومی (Universal Selector)
• 8. انتخابگرهای تگ/عنصر (Tag/Element Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای ID (ID Selectors)
• 11. انتخابگرهای ترکیبی (Combinators): مقدمه
• 12. انتخابگرهای فرزند (Child Combinator)
• 13. انتخابگرهای همسایه (Adjacent Sibling Combinator)
• 14. انتخابگرهای عمومی همسایه (General Sibling Combinator)
• 15. انتخابگرهای وابسته (Attribute Selectors): مقدمه
• 16. انتخابگرهای وابسته ( Attribute Selectors)
• 17. انتخابگرهای Pseudo-Class: مقدمه
• 18. انتخابگرهای Pseudo-Class (مانند :hover, :active, :focus)
• 19. انتخابگرهای Pseudo-Element: مقدمه
• 20. انتخابگرهای Pseudo-Element (مانند ::before, ::after)
• 21. نحوه اولویت بندی انتخابگرها (Specificity)
• 22. قانون !important و موارد استفاده آن
• 23. نکات مهم در انتخابگرها
• 24. خاصیت‌های CSS (Properties)
• 25. مقدمه ای بر خاصیت‌های CSS
• 26. رنگ‌ها در CSS: نام رنگ‌ها
• 27. رنگ‌ها در CSS: مقادیر HEX
• 28. رنگ‌ها در CSS: مقادیر RGB
• 29. رنگ‌ها در CSS: مقادیر RGBA (با شفافیت)
• 30. رنگ‌ها در CSS: مقادیر HSL
• 31. رنگ‌ها در CSS: مقادیر HSLA (با شفافیت)
• 32. پس زمینه (Background) در CSS: خاصیت background-color
• 33. پس زمینه (Background) در CSS: خاصیت background-image
• 34. پس زمینه (Background) در CSS: خاصیت background-repeat
• 35. پس زمینه (Background) در CSS: خاصیت background-position
• 36. پس زمینه (Background) در CSS: خاصیت background-attachment
• 37. اختصار background
• 38. خاصیت‌های متنی (Text Properties): font-family
• 39. خاصیت‌های متنی (Text Properties): font-size
• 40. خاصیت‌های متنی (Text Properties): font-weight
• 41. خاصیت‌های متنی (Text Properties): font-style
• 42. اختصار font
• 43. خاصیت‌های متنی (Text Properties): text-decoration
• 44. خاصیت‌های متنی (Text Properties): text-align
• 45. خاصیت‌های متنی (Text Properties): line-height
• 46. خاصیت‌های متنی (Text Properties): text-transform
• 47. خاصیت‌های متنی (Text Properties): letter-spacing
• 48. خاصیت‌های متنی (Text Properties): word-spacing
• 49. خاصیت‌های متنی (Text Properties): text-shadow
• 50. جعبه مدل (Box Model) در CSS: مقدمه
• 51. محتوا (Content) در جعبه مدل
• 52. حاشیه داخلی (Padding) در جعبه مدل
• 53. حاشیه خارجی (Margin) در جعبه مدل
• 54. کادر (Border) در جعبه مدل: خاصیت border-width
• 55. کادر (Border) در جعبه مدل: خاصیت border-style
• 56. کادر (Border) در جعبه مدل: خاصیت border-color
• 57. اختصار border
• 58. کادر (Border) در جعبه مدل: خاصیت border-radius (گوشه‌های گرد)
• 59. اندازه‌گیری‌ها در CSS: پیکسل (px)
• 60. اندازه‌گیری‌ها در CSS: واحد em
• 61. اندازه‌گیری‌ها در CSS: واحد rem
• 62. اندازه‌گیری‌ها در CSS: واحد %
• 63. اندازه‌گیری‌ها در CSS: واحد vw و vh
• 64. واحد های نسبی در CSS
• 65. تنظیم عرض و ارتفاع (Width and Height)
• 66. خاصیت‌های display: inline
• 67. خاصیت‌های display: block
• 68. خاصیت‌های display: inline-block
• 69. خاصیت‌های display: none
• 70. مدیریت نمایش عناصر
• 71. سیستم چیدمان (Layout) در CSS: مقدمه
• 72. Float و Clear: مقدمه
• 73. خاصیت float
• 74. خاصیت clear
• 75. مشکلات float و راه حل‌ها (Clearfix)
• 76. Flexbox: مقدمه
• 77. Flex Container: خاصیت display: flex
• 78. Flex Container: خاصیت flex-direction
• 79. Flex Container: خاصیت flex-wrap
• 80. Flex Container: خاصیت justify-content
• 81. Flex Container: خاصیت align-items
• 82. Flex Container: خاصیت align-content
• 83. Flex Item: خاصیت order
• 84. Flex Item: خاصیت flex-grow
• 85. Flex Item: خاصیت flex-shrink
• 86. Flex Item: خاصیت flex-basis
• 87. اختصار flex
• 88. Flex Item: خاصیت align-self
• 89. CSS Grid Layout: مقدمه
• 90. Grid Container: خاصیت display: grid
• 91. Grid Container: خاصیت grid-template-columns
• 92. Grid Container: خاصیت grid-template-rows
• 93. Grid Container: خاصیت grid-gap
• 94. Grid Item: خاصیت grid-column
• 95. Grid Item: خاصیت grid-row
• 96. Grid Item: خاصیت justify-self
• 97. Grid Item: خاصیت align-self
• 98. مواقعیت (Positioning) در CSS: مقدمه
• 99. خاصیت position: static
• 100. خاصیت position: relative