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

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

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

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

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

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

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

• 1. CSS چیست؟
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. اولین استایل شیت شما
• 4. نحوه اتصال CSS به HTML
• 5. انتخابگرهای پایه (Selectors)
• 6. انتخابگرهای کلاس (Class Selectors)
• 7. انتخابگرهای شناسه (ID Selectors)
• 8. انتخابگرهای عمومی (Universal Selector)
• 9. انتخابگرهای گروهی (Grouping Selectors)
• 10. انتخابگرهای صفتی (Attribute Selectors)
• 11. انتخابگرهای سلسله مراتبی (Descendant Combinator)
• 12. انتخابگرهای فرزند (Child Combinator)
• 13. انتخابگرهای برادر مجاور (Adjacent Sibling Combinator)
• 14. انتخابگرهای برادر عمومی (General Sibling Combinator)
• 15. خاصیت (Property) و مقدار (Value) در CSS
• 16. انواع داده‌های CSS (Numbers, Lengths, Percentages)
• 17. رنگ‌ها در CSS (نام رنگ، HEX، RGB، RGBA)
• 18. مقادیر رنگی HSL و HSLA
• 19. واحدها: پیکسل (px)
• 20. واحدها: درصد (%)
• 21. واحدها: em و rem
• 22. واحدها: vw و vh
• 23. واحدها: pt و pc
• 24. واحدها: ch و ex
• 25. تنظیم فونت (Font Family)
• 26. تنظیم اندازه فونت (Font Size)
• 27. تنظیم ضخامت فونت (Font Weight)
• 28. تنظیم سبک فونت (Font Style)
• 29. تنظیم مورب کردن فونت (Font Variant)
• 30. تنظیم خط فاصله بین حروف (Letter Spacing)
• 31. تنظیم خط فاصله بین کلمات (Word Spacing)
• 32. تنظیم تراز متن (Text Align)
• 33. تنظیم دکوراسیون متن (Text Decoration)
• 34. تنظیم رنگ متن (Color)
• 35. تنظیم سایه متن (Text Shadow)
• 36. تنظیم تبدیل متن (Text Transform)
• 37. تنظیم تورفتگی پاراگراف (Text Indent)
• 38. تنظیم ارتفاع خط (Line Height)
• 39. تنظیم فاصله بین خطوط (Leading)
• 40. تنظیم عرض بلوک (Block Width)
• 41. تنظیم ارتفاع بلوک (Block Height)
• 42. تنظیم حاشیه خارجی (Margin)
• 43. تنظیم حاشیه داخلی (Padding)
• 44. تنظیم کادر (Border)
• 45. ضخامت کادر (Border Width)
• 46. سبک کادر (Border Style)
• 47. رنگ کادر (Border Color)
• 48. گرد کردن گوشه‌های کادر (Border Radius)
• 49. تنظیم مدل جعبه (Box Model)
• 50. نمایش (Display) - Inline
• 51. نمایش (Display) - Block
• 52. نمایش (Display) - Inline-Block
• 53. نمایش (Display) - None
• 54. نمایش (Display) - Flex
• 55. نمایش (Display) - Grid
• 56. تنظیم موقعیت (Position) - Static
• 57. تنظیم موقعیت (Position) - Relative
• 58. تنظیم موقعیت (Position) - Absolute
• 59. تنظیم موقعیت (Position) - Fixed
• 60. تنظیم موقعیت (Position) - Sticky
• 61. تنظیم لایه (Z-index)
• 62. تنظیم شناور (Float) - Left
• 63. تنظیم شناور (Float) - Right
• 64. تنظیم شناور (Float) - None
• 65. پاک کردن شناور (Clear) - Left
• 66. پاک کردن شناور (Clear) - Right
• 67. پاک کردن شناور (Clear) - Both
• 68. تنظیمoverflow (Overflow) - Visible
• 69. تنظیمoverflow (Overflow) - Hidden
• 70. تنظیمoverflow (Overflow) - Scroll
• 71. تنظیمoverflow (Overflow) - Auto
• 72. تنظیم عرض پنجره (Viewport Width)
• 73. تنظیم ارتفاع پنجره (Viewport Height)
• 74. تنظیم حداکثر عرض (Max Width)
• 75. تنظیم حداقل عرض (Min Width)
• 76. تنظیم حداکثر ارتفاع (Max Height)
• 77. تنظیم حداقل ارتفاع (Min Height)
• 78. تنظیم Cursor (Cursor)
• 79. تنظیم opacity (Opacity)
• 80. تنظیم visibility (Visibility)
• 81. تنظیم pointer-events (Pointer Events)
• 82. تنظیم transition (Transition) - Properties
• 83. تنظیم transition (Transition) - Duration
• 84. تنظیم transition (Transition) - Timing Function
• 85. تنظیم transition (Transition) - Delay
• 86. تنظیم transform (Transform) - Scale
• 87. تنظیم transform (Transform) - Rotate
• 88. تنظیم transform (Transform) - Translate
• 89. تنظیم transform (Transform) - Skew
• 90. تنظیم transform-origin (Transform Origin)
• 91. تنظیم box-sizing (Box Sizing) - Content-Box
• 92. تنظیم box-sizing (Box Sizing) - Border-Box
• 93. استفاده از واحدهای نسبی برای طراحی واکنش‌گرا
• 94. طراحی واکنش‌گرا (Responsive Design)
• 95. مدیا کوئری‌ها (Media Queries) - Base
• 96. مدیا کوئری‌ها (Media Queries) - Min-Width
• 97. مدیا کوئری‌ها (Media Queries) - Max-Width
• 98. مدیا کوئری‌ها (Media Queries) - Orientation
• 99. مدیا کوئری‌ها (Media Queries) - Resolution
• 100. طراحی Mobile-First