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

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

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

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

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

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

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

• 1. مبانی CSS: تاریخچه و نقش
• 2. چرا CSS مهم است؟
• 3. CSS چیست؟
• 4. انواع CSS: Inline, Internal, External
• 5. نحوه اتصال فایل CSS خارجی
• 6. ساختار یک قاعده CSS
• 7. انتخابگرها (Selectors): انواع پایه
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای شناسه (ID Selectors)
• 10. انتخابگرهای عمومی (Universal Selector)
• 11. انتخابگرهای عنصر (Element Selectors)
• 12. انتخابگرهای ترکیبی (Combinators): Descendant Selector
• 13. انتخابگرهای ترکیبی: Child Selector
• 14. انتخابگرهای ترکیبی: Adjacent Sibling Selector
• 15. انتخابگرهای ترکیبی: General Sibling Selector
• 16. انتخابگرهای ویژگی (Attribute Selectors)
• 17. انتخابگرهای شبه کلاس (Pseudo-classes): :hover
• 18. انتخابگرهای شبه کلاس: :active
• 19. انتخابگرهای شبه کلاس: :focus
• 20. انتخابگرهای شبه کلاس: :visited
• 21. انتخابگرهای شبه کلاس: :first-child
• 22. انتخابگرهای شبه کلاس: :last-child
• 23. انتخابگرهای شبه کلاس: :nth-child()
• 24. انتخابگرهای شبه کلاس: :empty
• 25. انتخابگرهای شبه عنصر (Pseudo-elements): ::before
• 26. انتخابگرهای شبه عنصر: ::after
• 27. انتخابگرهای شبه عنصر: ::first-line
• 28. انتخابگرهای شبه عنصر: ::first-letter
• 29. واحدها در CSS: پیکسل (px)
• 30. واحدها در CSS: درصد (%)
• 31. واحدها در CSS: واحدهای نسبی (em, rem)
• 32. واحدها در CSS: واحدهای viewport (vh, vw)
• 33. رنگ‌ها در CSS: نام رنگ‌ها
• 34. رنگ‌ها در CSS: کد هگزادسیمال (Hex)
• 35. رنگ‌ها در CSS: RGB
• 36. رنگ‌ها در CSS: RGBA
• 37. رنگ‌ها در CSS: HSL
• 38. رنگ‌ها در CSS: HSLA
• 39. خاصیت `color`
• 40. خاصیت `background-color`
• 41. خاصیت `background-image`
• 42. خاصیت `background-repeat`
• 43. خاصیت `background-position`
• 44. خاصیت `background-size`
• 45. خاصیت `background` (shorthand)
• 46. مدیریت فونت‌ها: `font-family`
• 47. مدیریت فونت‌ها: `font-size`
• 48. مدیریت فونت‌ها: `font-weight`
• 49. مدیریت فونت‌ها: `font-style`
• 50. مدیریت فونت‌ها: `font` (shorthand)
• 51. خاصیت `text-align`
• 52. خاصیت `text-decoration`
• 53. خاصیت `text-transform`
• 54. خاصیت `line-height`
• 55. خاصیت `letter-spacing`
• 56. خاصیت `word-spacing`
• 57. مکانیسم Box Model: `margin`
• 58. مکانیسم Box Model: `padding`
• 59. مکانیسم Box Model: `border`
• 60. خاصیت `border-width`
• 61. خاصیت `border-style`
• 62. خاصیت `border-color`
• 63. خاصیت `border` (shorthand)
• 64. خاصیت `width`
• 65. خاصیت `height`
• 66. خاصیت `display`: `block`
• 67. خاصیت `display`: `inline`
• 68. خاصیت `display`: `inline-block`
• 69. خاصیت `display`: `none`
• 70. خاصیت `position`: `static`
• 71. خاصیت `position`: `relative`
• 72. خاصیت `position`: `absolute`
• 73. خاصیت `position`: `fixed`
• 74. خاصیت `position`: `sticky`
• 75. خاصیت `top`, `right`, `bottom`, `left`
• 76. خاصیت `z-index`
• 77. تکنیک‌های چیدمان: Floats
• 78. تکنیک‌های چیدمان: Clearfix Hack
• 79. تکنیک‌های چیدمان: Flexbox: معرفی
• 80. تکنیک‌های چیدمان: Flexbox: `display: flex`
• 81. تکنیک‌های چیدمان: Flexbox: `flex-direction`
• 82. تکنیک‌های چیدمان: Flexbox: `justify-content`
• 83. تکنیک‌های چیدمان: Flexbox: `align-items`
• 84. تکنیک‌های چیدمان: Flexbox: `align-content`
• 85. تکنیک‌های چیدمان: Flexbox: `flex-wrap`
• 86. تکنیک‌های چیدمان: Flexbox: `flex-grow`
• 87. تکنیک‌های چیدمان: Flexbox: `flex-shrink`
• 88. تکنیک‌های چیدمان: Flexbox: `flex-basis`
• 89. تکنیک‌های چیدمان: Flexbox: `flex` (shorthand)
• 90. تکنیک‌های چیدمان: Flexbox: `order`
• 91. تکنیک‌های چیدمان: CSS Grid: معرفی
• 92. تکنیک‌های چیدمان: CSS Grid: `display: grid`
• 93. تکنیک‌های چیدمان: CSS Grid: `grid-template-columns`
• 94. تکنیک‌های چیدمان: CSS Grid: `grid-template-rows`
• 95. تکنیک‌های چیدمان: CSS Grid: `grid-gap`
• 96. تکنیک‌های چیدمان: CSS Grid: `grid-column`
• 97. تکنیک‌های چیدمان: CSS Grid: `grid-row`
• 98. مدیریت پاسخگویی (Responsive Design): معرفی
• 99. مدیریت پاسخگویی: Viewport Meta Tag
• 100. مدیریت پاسخگویی: Media Queries: `@media`