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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و جایگاه آن در توسعه وب
• 2. چرا CSS برای سیستم‌های مدیریت ناوگان مهم است؟
• 3. CSS چیست و چگونه کار می‌کند؟
• 4. نحوه اضافه کردن CSS به HTML
• 5. Inline Styles، Internal Stylesheet، External Stylesheet
• 6. انتخابگرهای CSS (Selectors)
• 7. انتخابگرهای عمومی (Universal Selector)
• 8. انتخابگرهای نوع (Type Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای ID (ID Selectors)
• 11. انتخابگرهای صفات (Attribute Selectors)
• 12. انتخابگرهای ترکیبی (Combinators)
• 13. انتخابگرهای فرزند (Child Combinator)
• 14. انتخابگرهای خواهر و برادر (Adjacent Sibling Combinator)
• 15. انتخابگرهای خواهر و برادر عمومی (General Sibling Combinator)
• 16. انتخابگرهای وابسته (Descendant Combinator)
• 17. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 18. `:hover`
• 19. `:active`
• 20. `:focus`
• 21. `:visited`
• 22. `:link`
• 23. `:first-child`
• 24. `:last-child`
• 25. `:nth-child()`
• 26. `:nth-of-type()`
• 27. `:empty`
• 28. `:not()`
• 29. انتخابگرهای شبه‌عناصر (Pseudo-elements)
• 30. `::before`
• 31. `::after`
• 32. `::first-line`
• 33. `::first-letter`
• 34. `::selection`
• 35. ویژگی‌های CSS (Properties)
• 36. واحدها در CSS (Units)
• 37. px, em, rem, %, vw, vh, pt, pc
• 38. رنگ‌ها در CSS (Colors)
• 39. نام رنگ‌ها، مقادیر هگزادسیمال (Hexadecimal)، RGB، RGBA، HSL، HSLA
• 40. مفهوم Box Model در CSS
• 41. Content, Padding, Border, Margin
• 42. تنظیم اندازه عناصر (Sizing Elements)
• 43. `width`, `height`, `min-width`, `max-width`, `min-height`, `max-height`
• 44. تنظیم حاشیه (Margin)
• 45. `margin-top`, `margin-right`, `margin-bottom`, `margin-left`
• 46. تنظیم padding (Padding)
• 47. `padding-top`, `padding-right`, `padding-bottom`, `padding-left`
• 48. تنظیم حاشیه (Border)
• 49. `border-width`, `border-style`, `border-color`
• 50. `border-radius`
• 51. تنظیم نمایش عناصر (Display Property)
• 52. `block`, `inline`, `inline-block`, `none`
• 53. `flex`
• 54. `grid`
• 55. `inline-flex`
• 56. `inline-grid`
• 57. مدیریت فضاهای خالی (Whitespace)
• 58. `white-space`
• 59. ترازبندی متن (Text Alignment)
• 60. `text-align`
• 61. `vertical-align`
• 62. تزیینات متنی (Text Decoration)
• 63. `text-decoration-line`
• 64. `text-decoration-color`
• 65. `text-decoration-style`
• 66. `text-shadow`
• 67. تبدیل حروف (Text Transformation)
• 68. `text-transform`
• 69. فاصله‌گذاری بین حروف و کلمات (Letter and Word Spacing)
• 70. `letter-spacing`, `word-spacing`
• 71. استفاده از فونت‌ها (Fonts)
• 72. `font-family`, `font-size`, `font-weight`, `font-style`, `font`
• 73. مدیریت فونت‌های سفارشی (Custom Fonts)
• 74. `@font-face`
• 75. کتابخانه‌های فونت (Font Libraries)
• 76. Google Fonts
• 77. CSS Layouts
• 78. مفهوم Positioning در CSS
• 79. `static`, `relative`, `absolute`, `fixed`, `sticky`
• 80. `top`, `right`, `bottom`, `left`
• 81. `z-index`
• 82. CSS Flexbox
• 83. مفهوم Flex Container و Flex Items
• 84. `display: flex`
• 85. `flex-direction`
• 86. `flex-wrap`
• 87. `justify-content`
• 88. `align-items`
• 89. `align-content`
• 90. `align-self`
• 91. `flex-grow`, `flex-shrink`, `flex-basis`, `flex`
• 92. CSS Grid
• 93. مفهوم Grid Container و Grid Items
• 94. `display: grid`
• 95. `grid-template-columns`
• 96. `grid-template-rows`
• 97. `grid-gap`
• 98. `grid-column`, `grid-row`
• 99. `grid-area`
• 100. Responsive Design