کتاب صوتی CSS for Skill Development

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

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

عنوان دوره: دوره CSS for Skill Development

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

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

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

• 1. مقدمه ای بر CSS
• 2. تاریخچه CSS
• 3. چرا CSS مهم است
• 4. CSS چیست و چگونه کار می کند
• 5. نحوه اتصال CSS به HTML
• 6. کدهای CSS را کجا بنویسیم (Inline, Internal, External)
• 7. انتخابگرهای CSS (Selectors)
• 8. انتخابگرهای پایه (تگ، کلاس، آیدی)
• 9. انتخابگرهای گروهی
• 10. انتخابگرهای ترکیبی (Descendant, Child, Adjacent Sibling, General Sibling)
• 11. انتخابگرهای ویژگی (Attribute Selectors)
• 12. انتخابگرهای شبه کلاس (Pseudo-classes)
• 13. انتخابگرهای شبه المان (Pseudo-elements)
• 14. اولویت بندی CSS (Specificity)
• 15. قوانین اولویت بندی (Cascade)
• 16. وراثت (Inheritance)
• 17. واحدها در CSS (Units)
• 18. واحد های مطلق (px, pt, cm, mm, in)
• 19. واحد های نسبی (em, rem, vw, vh, %)
• 20. واحد های مدرن (ex, ch, q)
• 21. خاصیت های رنگ (Color Properties)
• 22. مقادیر رنگ (نام ها، هگز، RGB، RGBA، HSL، HSLA)
• 23. رنگ متن (color)
• 24. رنگ پس زمینه (background-color)
• 25. گرادیان ها (Gradients)
• 26. خاصیت های متن (Text Properties)
• 27. فونت خانواده (font-family)
• 28. اندازه فونت (font-size)
• 29. وزن فونت (font-weight)
• 30. سبک فونت (font-style)
• 31. تزیین متن (text-decoration)
• 32. تراز متن (text-align)
• 33. فاصله خط (line-height)
• 34. فاصله بین حروف (letter-spacing)
• 35. فاصله بین کلمات (word-spacing)
• 36. حروف بزرگ/کوچک (text-transform)
• 37. تورفتگی متن (text-indent)
• 38. سایه متن (text-shadow)
• 39. خاصیت های پس زمینه (Background Properties)
• 40. تصویر پس زمینه (background-image)
• 41. تکرار پس زمینه (background-repeat)
• 42. موقعیت پس زمینه (background-position)
• 43. اندازه پس زمینه (background-size)
• 44. چسبندگی پس زمینه (background-attachment)
• 45. رنگ پس زمینه (background-color)
• 46. مختصری از همه خاصیت های پس زمینه (background shorthand)
• 47. خاصیت های جعبه مدل (Box Model Properties)
• 48. محتوا (content)
• 49. پدینگ (padding)
• 50. حاشیه (margin)
• 51. کادر (border)
• 52. عرض (width)
• 53. ارتفاع (height)
• 54. مدیریت جعبه (box-sizing)
• 55. خاصیت های نمایش (Display Properties)
• 56. نمایش بلوکی (display: block)
• 57. نمایش درون خطی (display: inline)
• 58. نمایش درون خطی بلوکی (display: inline-block)
• 59. نمایش هیچ (display: none)
• 60. نمایش فلکس باکس (display: flex)
• 61. نمایش گرید (display: grid)
• 62. خاصیت های موقعیت دهی (Positioning Properties)
• 63. موقعیت نسبی (position: relative)
• 64. موقعیت مطلق (position: absolute)
• 65. موقعیت ثابت (position: fixed)
• 66. موقعیت چسبنده (position: sticky)
• 67. بالا (top)
• 68. راست (right)
• 69. پایین (bottom)
• 70. چپ (left)
• 71. شاخص لایه (z-index)
• 72. خاصیت های شناور (Float Properties)
• 73. شناور کردن (float)
• 74. پاک کردن شناوری (clear)
• 75. خاصیت های چیدمان (Layout Properties)
• 76. فلکس باکس (Flexbox)
• 77. محتوای اصلی (flex-container)
• 78. جهت (flex-direction)
• 79. تراز محتوا (justify-content)
• 80. تراز آیتم ها (align-items)
• 81. تراز خود آیتم ها (align-self)
• 82. بسته بندی (flex-wrap)
• 83. محتوای ثانویه (flex-item)
• 84. اندازه انعطاف پذیر (flex-grow, flex-shrink, flex-basis)
• 85. ترتیب (order)
• 86. گرید (Grid)
• 87. محتوای اصلی (grid-container)
• 88. جهت (grid-auto-flow)
• 89. تراز محتوا (justify-content)
• 90. تراز آیتم ها (align-items)
• 91. محتوای ثانویه (grid-item)
• 92. عرض ستون (grid-template-columns)
• 93. ارتفاع ردیف (grid-template-rows)
• 94. فضای بین ستون ها (grid-column-gap)
• 95. فضای بین ردیف ها (grid-row-gap)
• 96. فضای کلی (grid-gap)
• 97. موقعیت سلول (grid-column, grid-row)
• 98. خاصیت های انیمیشن (Animation Properties)
• 99. تعریف کلید فریم ها (keyframes)
• 100. نام انیمیشن (animation-name)