کتاب صوتی CSS for Fleet Management Certification Bodies

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS
• 2. چرا CSS مهم است؟
• 3. CSS چیست؟
• 4. نحوه اتصال CSS به HTML
• 5. روش‌های مختلف استایل‌دهی (Inline, Internal, External)
• 6. انتخابگرهای CSS: مبانی
• 7. انتخابگرهای نوع (Type Selectors)
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای ID (ID Selectors)
• 10. انتخابگرهای عمومی (Universal Selector)
• 11. ترکیب‌کننده‌ها (Combinators): مفاهیم
• 12. ترکیب‌کننده فرزند (Child Combinator)
• 13. ترکیب‌کننده برادر عمومی (General Sibling Combinator)
• 14. ترکیب‌کننده برادر مجاور (Adjacent Sibling Combinator)
• 15. ترکیب‌کننده مبهم (Descendant Combinator)
• 16. انتخابگرهای صفتی (Attribute Selectors)
• 17. انتخابگرهای شبه‌کلاس (Pseudo-classes): مقدمه
• 18. انتخابگر `:hover`
• 19. انتخابگر `:active`
• 20. انتخابگر `:focus`
• 21. انتخابگر `:visited`
• 22. انتخابگر `:link`
• 23. انتخابگر `:first-child`
• 24. انتخابگر `:last-child`
• 25. انتخابگر `:nth-child()`
• 26. انتخابگر `:empty`
• 27. انتخابگرهای شبه‌عنصر (Pseudo-elements): مقدمه
• 28. انتخابگر `::before`
• 29. انتخابگر `::after`
• 30. انتخابگر `::first-line`
• 31. انتخابگر `::first-letter`
• 32. انتخابگر `::selection`
• 33. خاصیت `display` و مقادیر آن (block, inline, inline-block)
• 34. خاصیت `display` و مقادیر آن (flex, grid, none)
• 35. خاصیت `position` و مقادیر آن (static, relative, absolute)
• 36. خاصیت `position` و مقادیر آن (fixed, sticky)
• 37. خاصیت `top`, `right`, `bottom`, `left`
• 38. خاصیت `z-index`
• 39. مدیریت طرح‌بندی با `float`
• 40. خاصیت `clear`
• 41. مبانی `box model` (Margin, Border, Padding, Content)
• 42. خاصیت `width` و `height`
• 43. خاصیت `max-width` و `max-height`
• 44. خاصیت `min-width` و `min-height`
• 45. خاصیت `box-sizing` (content-box, border-box)
• 46. مدیریت متن (Typography)
• 47. خاصیت `font-family`
• 48. خاصیت `font-size`
• 49. خاصیت `font-weight`
• 50. خاصیت `font-style`
• 51. خاصیت `text-align`
• 52. خاصیت `text-decoration`
• 53. خاصیت `line-height`
• 54. خاصیت `letter-spacing`
• 55. خاصیت `word-spacing`
• 56. مدیریت رنگ و پس‌زمینه
• 57. خاصیت `color`
• 58. خاصیت `background-color`
• 59. خاصیت `background-image`
• 60. خاصیت `background-repeat`
• 61. خاصیت `background-position`
• 62. خاصیت `background-size`
• 63. خاصیت `background-attachment`
• 64. خاصیت `background` (shorthand)
• 65. CSS Gradients (Linear, Radial)
• 66. مدیریت لیست‌ها
• 67. خاصیت `list-style-type`
• 68. خاصیت `list-style-image`
• 69. خاصیت `list-style-position`
• 70. خاصیت `list-style` (shorthand)
• 71. مدیریت جداول
• 72. خاصیت `border-collapse`
• 73. خاصیت `border-spacing`
• 74. استایل‌دهی به جداول (رنگ، حاشیه، پس‌زمینه)
• 75. مبانی CSS Flexbox
• 76. مفهوم اصلی Flexbox
• 77. خاصیت `display: flex`
• 78. خاصیت `flex-direction`
• 79. خاصیت `justify-content`
• 80. خاصیت `align-items`
• 81. خاصیت `align-content`
• 82. خاصیت `flex-wrap`
• 83. `flex-grow`, `flex-shrink`, `flex-basis`
• 84. خاصیت `flex` (shorthand)
• 85. مبانی CSS Grid Layout
• 86. مفهوم اصلی Grid Layout
• 87. خاصیت `display: grid`
• 88. خاصیت `grid-template-columns`
• 89. خاصیت `grid-template-rows`
• 90. خاصیت `grid-gap` (row-gap, column-gap)
• 91. خاصیت `grid-auto-columns`, `grid-auto-rows`
• 92. خاصیت `grid-auto-flow`
• 93. موقعیت‌دهی آیتم‌ها در Grid
• 94. خاصیت `grid-column`
• 95. خاصیت `grid-row`
• 96. مبانی Responsive Design
• 97. Viewport Meta Tag
• 98. Media Queries: مقدمه
• 99. Media Queries: بر اساس عرض صفحه
• 100. Media Queries: بر اساس جهت صفحه