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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در مدیریت ناوگان
• 2. چرا CSS برای توسعه‌دهندگان مدیریت ناوگان مهم است؟
• 3. نصب و پیکربندی اولیه CSS (اگر مورد نیاز باشد، اما بیشتر در مرورگر است)
• 4. اولین گام‌ها با CSS: انتخابگرها (Selectors)
• 5. انتخابگرهای عمومی (Universal Selector)
• 6. انتخابگرهای نوع (Type Selectors)
• 7. انتخابگرهای کلاس (Class Selectors)
• 8. انتخابگرهای شناسه (ID Selectors)
• 9. انتخابگرهای صفات (Attribute Selectors)
• 10. ترکیب انتخابگرها (Combinators)
• 11. انتخابگرهای همسایه مستقیم (Direct Sibling Combinator)
• 12. انتخابگرهای همسایه عمومی (General Sibling Combinator)
• 13. انتخابگرهای فرزند (Child Combinator)
• 14. انتخابگرهای والد (Ancestor Selector - مفاهیم)
• 15. ساختار سند HTML و ارتباط آن با CSS
• 16. مدل جعبه‌ای (Box Model) در CSS
• 17. عرض (Width) و ارتفاع (Height)
• 18. حاشیه (Margin)
• 19. بوردر (Border)
• 20. پدینگ (Padding)
• 21. نحوه نمایش عناصر (Display Property)
• 22. عناصر بلوکی (Block Elements)
• 23. عناصر درون‌خطی (Inline Elements)
• 24. عناصر درون‌خطی-بلوکی (Inline-Block Elements)
• 25. عناصر پنهان (None, Hidden)
• 26. تنظیمات اولیه رنگ و پس‌زمینه
• 27. رنگ متن (Color)
• 28. رنگ پس‌زمینه (Background-Color)
• 29. تصویر پس‌زمینه (Background-Image)
• 30. تکرار تصویر پس‌زمینه (Background-Repeat)
• 31. موقعیت تصویر پس‌زمینه (Background-Position)
• 32. مقیاس تصویر پس‌زمینه (Background-Size)
• 33. فوتر پس‌زمینه (Background-Attachment)
• 34. خصوصیت Shorthand پس‌زمینه
• 35. مدیریت فونت‌ها
• 36. نوع فونت (Font-Family)
• 37. اندازه فونت (Font-Size)
• 38. وزن فونت (Font-Weight)
• 39. سبک فونت (Font-Style)
• 40. تزئینات فونت (Text-Decoration)
• 41. ارتفاع خط (Line-Height)
• 42. فاصله بین حروف (Letter-Spacing)
• 43. فاصله بین کلمات (Word-Spacing)
• 44. تراز متن (Text-Align)
• 45. جهت متن (Direction)
• 46. تغییرات ظاهری متن (Text-Transform)
• 47. سایه‌های متن (Text-Shadow)
• 48. توابع رنگ در CSS (RGB, RGBA, HSL, HSLA)
• 49. کدهای هگزادسیمال رنگ
• 50. رنگ‌های نام‌گذاری شده
• 51. استفاده از مقادیر نسبی برای اندازه‌ها (em, rem)
• 52. استفاده از واحدهای پیکسل (px)
• 53. استفاده از واحدهای درصد (%)
• 54. واحد Vh و Vw (Viewport Height/Width)
• 55. ایجاد و مدیریت لیست‌ها
• 56. سبک بولت لیست (List-Style-Type)
• 57. تصویر بولت لیست (List-Style-Image)
• 58. موقعیت بولت لیست (List-Style-Position)
• 59. Shorthand برای لیست‌ها
• 60. استفاده از جداول در HTML و استایل‌دهی آن‌ها
• 61. استایل‌دهی بوردر جداول
• 62. جدا کردن بوردر جداول (Border-Collapse)
• 63. استایل‌دهی سلول‌های جدول (Padding, Text-Align)
• 64. استایل‌دهی ردیف‌ها و ستون‌های جدول
• 65. ظاهر و استایل‌دهی لینک‌ها
• 66. رنگ لینک‌ها در حالت‌های مختلف (link, visited, hover, active)
• 67. حذف دکوراسیون لینک‌ها
• 68. استایل‌دهی فرم‌ها و عناصر ورودی
• 69. استایل‌دهی فیلدهای متنی (Input, Textarea)
• 70. استایل‌دهی دکمه‌ها (Button)
• 71. استایل‌دهی چک‌باکس‌ها و رادیو باتن‌ها
• 72. استایل‌دهی لیبل‌ها
• 73. مدیریت طرح‌بندی با CSS (Layout)
• 74. مفهوم فلوت (Float) و نحوه استفاده از آن
• 75. رفع مشکل فلوت (Clearfix)
• 76. استفاده از pozycji‌دهی (Positioning)
• 77. Relative Positioning
• 78. Absolute Positioning
• 79. Fixed Positioning
• 80. Sticky Positioning
• 81. z-index برای مدیریت لایه‌ها
• 82. معرفی Flexbox
• 83. اصول اولیه Flexbox
• 84. Container Properties (display, flex-direction, justify-content, align-items, flex-wrap)
• 85. Item Properties (flex-grow, flex-shrink, flex-basis, align-self, order)
• 86. سناریوهای استفاده از Flexbox در مدیریت ناوگان
• 87. معرفی Grid Layout
• 88. اصول اولیه Grid Layout
• 89. Container Properties (display, grid-template-columns, grid-template-rows, gap)
• 90. Item Properties (grid-column, grid-row)
• 91. سناریوهای استفاده از Grid Layout در مدیریت ناوگان
• 92. طراحی ریسپانسیو (Responsive Design)
• 93. مفهوم Viewport
• 94. Media Queries
• 95. استفاده از Media Queries برای دستگاه‌های مختلف
• 96. استفاده از واحدهای نسبی برای طراحی ریسپانسیو
• 97. تصاویر ریسپانسیو
• 98. انتقال‌ها (Transitions) در CSS
• 99. تعریف Transition Properties
• 100. مدت زمان Transition (Transition-Duration)