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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS
• 2. CSS چیست و چرا مهم است
• 3. CSS در مقابل HTML
• 4. نصب و راه اندازی ابزارهای توسعه دهنده مرورگر
• 5. اولین قوانین CSS شما
• 6. نوشتن CSS درون HTML (Inline Styles)
• 7. استفاده از تگ های `<style>`
• 8. فایل های CSS خارجی
• 9. اتصال فایل CSS خارجی به HTML
• 10. انتخابگرهای عناصر (Element Selectors)
• 11. انتخابگرهای کلاس (Class Selectors)
• 12. انتخابگرهای شناسه (ID Selectors)
• 13. انتخابگرهای عمومی (Universal Selector)
• 14. ترکیب انتخابگرها
• 15. انتخابگرهای گروهی (Grouping Selectors)
• 16. خاصیت `color`
• 17. خاصیت `background-color`
• 18. خاصیت `font-family`
• 19. خاصیت `font-size`
• 20. خاصیت `font-weight`
• 21. خاصیت `font-style`
• 22. خاصیت `text-align`
• 23. خاصیت `text-decoration`
• 24. خاصیت `line-height`
• 25. خاصیت `letter-spacing`
• 26. خاصیت `word-spacing`
• 27. خاصیت `margin`
• 28. خاصیت `padding`
• 29. خاصیت `border` (مختصر)
• 30. خاصیت `border-width`
• 31. خاصیت `border-style`
• 32. خاصیت `border-color`
• 33. خاصیت `width`
• 34. خاصیت `height`
• 35. خاصیت `box-sizing`
• 36. مدل جعبه ای (Box Model)
• 37. مفهوم نمایش (Display Property)
• 38. مقادیر `block` و `inline`
• 39. مقدار `inline-block`
• 40. مقدار `none`
• 41. خاصیت `position`
• 42. مقادیر `static` و `relative`
• 43. مقادیر `absolute` و `fixed`
• 44. خاصیت `top`, `right`, `bottom`, `left`
• 45. خاصیت `z-index`
• 46. فلوت ها (Floats)
• 47. پاک کردن فلوت ها (Clearfix)
• 48. خاصیت `overflow`
• 49. خاصیت `display: flex` (مقدماتی)
• 50. `flex-direction`
• 51. `justify-content`
• 52. `align-items`
• 53. `flex-wrap`
• 54. `align-content`
• 55. `flex-grow`, `flex-shrink`, `flex-basis`
• 56. `flex` (مخفف)
• 57. خاصیت `display: grid` (مقدماتی)
• 58. `grid-template-columns`
• 59. `grid-template-rows`
• 60. `grid-gap`
• 61. `grid-column`, `grid-row`
• 62. `grid-area`
• 63. مفهوم واحدهای نسبی (`%`, `em`, `rem`, `vw`, `vh`)
• 64. مقدار `px` (پیکسل)
• 65. خاصیت `opacity`
• 66. خاصیت `visibility`
• 67. سایه ها (Box Shadows)
• 68. سایه های متنی (Text Shadows)
• 69. گرادیان ها (Gradients) - خطی
• 70. گرادیان ها (Gradients) - شعاعی
• 71. تصاویر پس زمینه (Background Images)
• 72. `background-repeat`
• 73. `background-position`
• 74. `background-size`
• 75. `background-attachment`
• 76. `background` (مخفف)
• 77. انتقال ها (Transitions) - مقدماتی
• 78. `transition-property`
• 79. `transition-duration`
• 80. `transition-timing-function`
• 81. `transition-delay`
• 82. `transition` (مخفف)
• 83. انیمیشن ها (Animations) - مقدماتی
• 84. `@keyframes`
• 85. `animation-name`
• 86. `animation-duration`
• 87. `animation-timing-function`
• 88. `animation-delay`
• 89. `animation-iteration-count`
• 90. `animation-direction`
• 91. `animation-fill-mode`
• 92. `animation-play-state`
• 93. `animation` (مخفف)
• 94. طراحی واکنشگرا (Responsive Design)
• 95. مدیا کوئری ها (Media Queries) - مقدماتی
• 96. `@media` rule
• 97. دستورالعمل های مدیا (Media Features)
• 98. استفاده از Viewport Meta Tag
• 99. طراحی Mobile-First
• 100. طراحی Desktop-First