کتاب صوتی CSS for Fleet Management Future

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. CSS چیست و چرا برای مدیریت ناوگان مهم است
• 3. تاریخچه مختصر CSS
• 4. نحوه عملکرد CSS
• 5. محیط توسعه CSS (ویرایشگر کد، مرورگر)
• 6. اولین کد CSS شما
• 7. نصب و راه اندازی ابزارهای مورد نیاز
• 8. مفهوم selectros در CSS
• 9. انواع selectros (عنصر، کلاس، ID)
• 10. selectros ترکیبی (Descendant, Child, Adjacent Sibling, General Sibling)
• 11. selectros صفتی (Attribute selectors)
• 12. selectros شبه-کلاسی (Pseudo-classes)
• 13. selectros شبه-عناصری (Pseudo-elements)
• 14. اولویت selectros (Specificity)
• 15. مفهوم وراثت (Inheritance) در CSS
• 16. اولویت تعیین شده (Cascade) در CSS
• 17. نحوه کار Cascade (Origin, Specificity, Importance)
• 18. متغیرهای CSS (CSS Variables)
• 19. نحوه تعریف و استفاده از متغیرها
• 20. مزایای استفاده از متغیرها در مدیریت ناوگان
• 21. تنظیم رنگ ها در CSS (Colors)
• 22. مقادیر رنگی (نام ها، Hex، RGB، RGBA، HSL، HSLA)
• 23. رنگ پس زمینه (Background-color)
• 24. تصویر پس زمینه (Background-image)
• 25. تکرار تصویر پس زمینه (Background-repeat)
• 26. موقعیت تصویر پس زمینه (Background-position)
• 27. اندازه تصویر پس زمینه (Background-size)
• 28. پیوستگی تصویر پس زمینه (Background-attachment)
• 29. شورت هند پس زمینه (Background shorthand)
• 30. تنظیم فونت ها در CSS (Fonts)
• 31. فونت فمیلی (Font-family)
• 32. اندازه فونت (Font-size)
• 33. وزن فونت (Font-weight)
• 34. استایل فونت (Font-style)
• 35. تزئین فونت (Font-variant)
• 36. ارتفاع خط (Line-height)
• 37. فشرده سازی فونت (Font-stretch)
• 38. فونت-تکیه (Font-emphasis)
• 39. تنظیم فونت شورت هند (Font shorthand)
• 40. فونت های وب (Web Fonts)
• 41. نحوه اضافه کردن فونت های سفارشی (Google Fonts)
• 42. استفاده از فونت های سفارشی در مدیریت ناوگان
• 43. مدیریت متن در CSS (Text)
• 44. تراز متن (Text-align)
• 45. فرورفتگی متن (Text-indent)
• 46. فاصله بین کلمات (Word-spacing)
• 47. فاصله بین حروف (Letter-spacing)
• 48. تزئین متن (Text-decoration)
• 49. تزئین متن شورت هند (Text-decoration shorthand)
• 50. تبدیل حروف (Text-transform)
• 51. سایه متن (Text-shadow)
• 52. توزیع متن (Text-overflow)
• 53. انواع Box Model
• 54. محتوا (Content)
• 55. لایه حاشیه (Padding)
• 56. لایه مرز (Border)
• 57. لایه حاشیه بیرونی (Margin)
• 58. تنظیم حاشیه (Margin)
• 59. تنظیم لایه حاشیه (Padding)
• 60. تنظیم مرز (Border)
• 61. ضخامت مرز (Border-width)
• 62. نوع مرز (Border-style)
• 63. رنگ مرز (Border-color)
• 64. شورت هند مرز (Border shorthand)
• 65. گوشه های گرد (Border-radius)
• 66. تصویر مرز (Border-image)
• 67. مدیریت اندازه ها (Sizing)
• 68. عرض (Width)
• 69. ارتفاع (Height)
• 70. حداقل عرض (Min-width)
• 71. حداکثر عرض (Max-width)
• 72. حداقل ارتفاع (Min-height)
• 73. حداکثر ارتفاع (Max-height)
• 74. انواع واحدها (Units)
• 75. واحد مطلق (px, pt, cm, mm, in)
• 76. واحد نسبی (%, em, rem, vw, vh)
• 77. استفاده از واحدهای نسبی در طراحی واکنش گرا
• 78. چینش عناصر (Layout)
• 79. نمایش (Display) - block, inline, inline-block, none
• 80. فلوت (Float)
• 81. ترازبندی عمودی (Vertical-align)
• 82. مفهوم Flexbox
• 83. کانتینر فلکس (Flex container)
• 84. عناصر فلکس (Flex items)
• 85. جهت فلکس (Flex-direction)
• 86. پیچش فلکس (Flex-wrap)
• 87. تراز آیتم ها در محور اصلی (Justify-content)
• 88. تراز آیتم ها در محور فرعی (Align-items)
• 89. تراز آیتم ها به صورت مجزا (Align-self)
• 90. ترتیب آیتم ها (Order)
• 91. بزرگ شدن آیتم ها (Flex-grow)
• 92. کوچک شدن آیتم ها (Flex-shrink)
• 93. طول اولیه آیتم ها (Flex-basis)
• 94. شورت هند فلکس (Flex shorthand)
• 95. مفهوم Grid Layout
• 96. کانتینر گرید (Grid container)
• 97. عناصر گرید (Grid items)
• 98. تعریف ستون ها (Grid-template-columns)
• 99. تعریف ردیف ها (Grid-template-rows)
• 100. تعریف مناطق گرید (Grid-template-areas)