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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS
• 2. چرا CSS برای سازمان های مدیریت ناوگان مهم است
• 3. تاریخچه و تکامل CSS
• 4. نصب و راه‌اندازی ابزارهای توسعه دهنده مرورگر
• 5. تفاوت بین HTML، CSS و JavaScript
• 6. انواع روش های استایل دهی در CSS (Inline, Internal, External)
• 7. نحوه لینک کردن فایل های CSS خارجی
• 8. نوشتن اولین قانون CSS
• 9. ساختار یک قانون CSS (Selector, Property, Value)
• 10. انتخابگرهای پایه: تگ، کلاس، آیدی
• 11. استفاده از انتخابگرهای کلاس
• 12. استفاده از انتخابگرهای آیدی
• 13. انتخابگرهای عمومی (Universal Selector)
• 14. انتخابگرهای گروه بندی (Grouping Selectors)
• 15. انتخابگرهای مشتق (Descendant Selector)
• 16. انتخابگرهای فرزند (Child Selector)
• 17. انتخابگرهای برادر مجاور (Adjacent Sibling Selector)
• 18. انتخابگرهای برادر عمومی (General Sibling Selector)
• 19. انتخابگرهای ویژگی (Attribute Selectors)
• 20. انتخابگرهای شبه کلاس (Pseudo-classes)
• 21. شبه کلاس `:hover`
• 22. شبه کلاس `:active`
• 23. شبه کلاس `:focus`
• 24. شبه کلاس `:visited`
• 25. شبه کلاس `:link`
• 26. شبه کلاس `:first-child`
• 27. شبه کلاس `:last-child`
• 28. شبه کلاس `:nth-child()`
• 29. شبه کلاس `:nth-last-child()`
• 30. شبه کلاس `:only-child`
• 31. شبه کلاس `:empty`
• 32. انتخابگرهای شبه المان (Pseudo-elements)
• 33. شبه المان `::before`
• 34. شبه المان `::after`
• 35. شبه المان `::first-letter`
• 36. شبه المان `::first-line`
• 37. شبه المان `::selection`
• 38. مدیریت رنگ ها: نام رنگ ها، مقادیر هگزادسیمال، RGB، RGBA
• 39. مدیریت رنگ ها: HSL، HSLA
• 40. شفافیت (Opacity)
• 41. خاصیت `color`
• 42. خاصیت `background-color`
• 43. خاصیت `border-color`
• 44. خاصیت `outline-color`
• 45. مدیریت فونت ها: فونت های سیستمی
• 46. دانلود و استفاده از فونت های سفارشی (Custom Fonts)
• 47. خاصیت `font-family`
• 48. خاصیت `font-size`
• 49. خاصیت `font-weight`
• 50. خاصیت `font-style`
• 51. خاصیت `text-decoration`
• 52. خاصیت `line-height`
• 53. خاصیت `letter-spacing`
• 54. خاصیت `word-spacing`
• 55. خاصیت `text-align`
• 56. خاصیت `text-transform`
• 57. خاصیت `white-space`
• 58. مدیریت اندازه ها: پیکسل (px)، درصد (%), em، rem، vw، vh
• 59. خاصیت `width`
• 60. خاصیت `height`
• 61. خاصیت `min-width`
• 62. خاصیت `max-width`
• 63. خاصیت `min-height`
• 64. خاصیت `max-height`
• 65. مدیریت حاشیه ها (Margins): `margin`
• 66. خاصیت `margin-top`
• 67. خاصیت `margin-right`
• 68. خاصیت `margin-bottom`
• 69. خاصیت `margin-left`
• 70. مدیریت فاصله داخلی (Paddings): `padding`
• 71. خاصیت `padding-top`
• 72. خاصیت `padding-right`
• 73. خاصیت `padding-bottom`
• 74. خاصیت `padding-left`
• 75. مدیریت کادرها (Borders): `border`
• 76. خاصیت `border-width`
• 77. خاصیت `border-style`
• 78. خاصیت `border-color`
• 79. خاصیت `border-radius`
• 80. مدیریت کادرهای مجزا (Border Sides)
• 81. خاصیت `border-top`
• 82. خاصیت `border-right`
• 83. خاصیت `border-bottom`
• 84. خاصیت `border-left`
• 85. مدیریت Outline: `outline`
• 86. خاصیت `outline-width`
• 87. خاصیت `outline-style`
• 88. خاصیت `outline-color`
• 89. خاصیت `outline-offset`
• 90. مدیریت Box Model (مدل جعبه ای)
• 91. خاصیت `box-sizing`
• 92. مدیریت نمایش المان ها: `display`
• 93. مقادیر `block`, `inline`, `inline-block`
• 94. مقادیر `none`, `flex`, `grid`
• 95. مدیریت موقعیت دهی (Positioning): `position`
• 96. مقادیر `static`, `relative`, `absolute`
• 97. مقادیر `fixed`, `sticky`
• 98. خاصیت `top`
• 99. خاصیت `right`
• 100. خاصیت `bottom`