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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS
• 2. تاریخچه CSS
• 3. تفاوت CSS و HTML
• 4. نحوه اتصال CSS به HTML
• 5. اینلاین استایل (Inline Styles)
• 6. اینترنال استایل شیت (Internal Stylesheet)
• 7. اکسترنال استایل شیت (External Stylesheet)
• 8. اصول انتخابگرها (Selectors)
• 9. انتخابگرهای تگ (Tag Selectors)
• 10. انتخابگرهای کلاس (Class Selectors)
• 11. انتخابگرهای آیدی (ID Selectors)
• 12. انتخابگرهای عمومی (Universal Selector)
• 13. انتخابگرهای صفات (Attribute Selectors)
• 14. انتخابگرهای ترکیبی (Combinators)
• 15. انتخابگرهای فرزند (Child Combinator)
• 16. انتخابگرهای برادر (Adjacent Sibling Combinator)
• 17. انتخابگرهای برادر عمومی (General Sibling Combinator)
• 18. انتخابگرهای زیرمجموعه (Descendant Combinator)
• 19. انتخابگرهای شبه کلاس (Pseudo-classes)
• 20. انتخابگر :hover
• 21. انتخابگر :active
• 22. انتخابگر :focus
• 23. انتخابگر :visited
• 24. انتخابگر :link
• 25. انتخابگر :first-child
• 26. انتخابگر :last-child
• 27. انتخابگر :nth-child
• 28. انتخابگر :not()
• 29. انتخابگرهای شبه المنت (Pseudo-elements)
• 30. انتخابگر ::before
• 31. انتخابگر ::after
• 32. انتخابگر ::first-letter
• 33. انتخابگر ::first-line
• 34. انتخابگر ::selection
• 35. نحوه کارکرد CSS Box Model
• 36. عرض (Width) و ارتفاع (Height)
• 37. پدینگ (Padding)
• 38. حاشیه (Margin)
• 39. کادر (Border)
• 40. عرض کادر (Border-width)
• 41. نوع کادر (Border-style)
• 42. رنگ کادر (Border-color)
• 43. کنج های گرد (Border-radius)
• 44. رنگ ها در CSS (Colors)
• 45. مقادیر هگزادسیمال (Hexadecimal)
• 46. مقادیر RGB
• 47. مقادیر RGBA
• 48. مقادیر HSL
• 49. مقادیر HSLA
• 50. کلمات کلیدی رنگ (Color Keywords)
• 51. پس زمینه (Background)
• 52. رنگ پس زمینه (Background-color)
• 53. تصویر پس زمینه (Background-image)
• 54. تکرار تصویر پس زمینه (Background-repeat)
• 55. موقعیت تصویر پس زمینه (Background-position)
• 56. پیوستگی تصویر پس زمینه (Background-attachment)
• 57. اندازه تصویر پس زمینه (Background-size)
• 58. نکات پیشرفته CSS Box Model
• 59. انواع نمایش (Display)
• 60. display: block
• 61. display: inline
• 62. display: inline-block
• 63. display: none
• 64. display: flex
• 65. display: grid
• 66. ویژگی float
• 67. ویژگی clear
• 68. سیستم چیدمان (Layout Systems)
• 69. Flexbox
• 70. کار با Flex Container
• 71. کار با Flex Items
• 72. جهت دهی Flex Items (flex-direction)
• 73. تراز بندی محتوا در Flexbox (justify-content)
• 74. تراز بندی آیتم ها در Flexbox (align-items)
• 75. تراز بندی آیتم ها در ردیف های چندگانه Flexbox (align-content)
• 76. Grid Layout
• 77. کار با Grid Container
• 78. کار با Grid Items
• 79. تعریف ستون ها و ردیف ها (grid-template-columns, grid-template-rows)
• 80. فاصله بین سلول ها (grid-gap)
• 81. تعیین موقعیت آیتم ها در Grid
• 82. نقاط شکست (Breakpoints)
• 83. طراحی واکنش گرا (Responsive Design)
• 84. مدیا کوئری ها (Media Queries)
• 85. استفاده از @media
• 86. قابلیت پیمایش (Overflow)
• 87. نوشتار (Typography)
• 88. فونت خانواده (font-family)
• 89. اندازه فونت (font-size)
• 90. وزن فونت (font-weight)
• 91. سبک فونت (font-style)
• 92. تزئین متن (text-decoration)
• 93. تراز بندی متن (text-align)
• 94. فاصله بین خطوط (line-height)
• 95. فاصله بین حروف (letter-spacing)
• 96. فاصله بین کلمات (word-spacing)
• 97. تبدیل حروف (text-transform)
• 98. سایه متن (text-shadow)
• 99. انتقال ها (Transitions)
• 100. انتقال خصوصیات (transition-property)