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

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

عنوان دوره: CSS for Valuation Methods

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه ای بر CSS
• 2. CSS چیست و چرا اهمیت دارد؟
• 3. تاریخچه کوتاه CSS
• 4. نحوه اتصال CSS به HTML
• 5. انواع روش های اتصال CSS (Inline, Internal, External)
• 6. قواعد اساسی سینتکس CSS
• 7. انتخابگرها (Selectors) در CSS
• 8. انتخابگرهای ساده (تگ، کلاس، آیدی)
• 9. انتخابگرهای ترکیبی (Descendant, Child, Adjacent Sibling, General Sibling)
• 10. انتخابگرهای صفتی (Attribute Selectors)
• 11. انتخابگرهای شبه کلاس (Pseudo-classes)
• 12. انتخابگرهای شبه المنت (Pseudo-elements)
• 13. اهمیت اولویت بندی (Specificity) در CSS
• 14. نحوه محاسبه اولویت بندی
• 15. قانون !important
• 16. وراثت (Inheritance) در CSS
• 17. ویژگی های قابل وراثت
• 18. ویژگی های غیر قابل وراثت
• 19. واحدها در CSS (px, em, rem, %, vw, vh, pt, cm, mm, in)
• 20. واحد های نسبی در مقابل واحدهای مطلق
• 21. رنگ ها در CSS (نام رنگ، HEX، RGB، RGBA، HSL، HSLA)
• 22. تنظیم رنگ متن (color)
• 23. تنظیم رنگ پس زمینه (background-color)
• 24. شفافیت (opacity)
• 25. مدیریت فونت ها (Fonts)
• 26. تنظیم خانواده فونت (font-family)
• 27. تنظیم وزن فونت (font-weight)
• 28. تنظیم اندازه فونت (font-size)
• 29. تنظیم سبک فونت (font-style)
• 30. تنظیم ارتفاع خط (line-height)
• 31. تنظیم فاصله‌ی کلمات (word-spacing)
• 32. تنظیم فاصله‌ی حروف (letter-spacing)
• 33. تنظیم ترازبندی متن (text-align)
• 34. تنظیم تزئینات متن (text-decoration)
• 35. تنظیم تورفتگی متن (text-indent)
• 36. تنظیم سایه متن (text-shadow)
• 37. مدیریت زمینه (Backgrounds)
• 38. تنظیم تصویر پس زمینه (background-image)
• 39. تکرار تصویر پس زمینه (background-repeat)
• 40. موقعیت تصویر پس زمینه (background-position)
• 41. اندازه تصویر پس زمینه (background-size)
• 42. نحوه اتصال چندین تصویر پس زمینه
• 43. مدیریت Box Model
• 44. محتوا (Content)
• 45. حاشیه داخلی (Padding)
• 46. حاشیه خارجی (Margin)
• 47. کادر (Border)
• 48. عرض و ارتفاع المنت ها (width, height)
• 49. حالت های نمایش المنت ها (display: block, inline, inline-block, none)
• 50. مدیریت Flexbox
• 51. مقدمه ای بر Flexbox
• 52. کانتینر فلکس (flex container)
• 53. عناصر فلکس (flex items)
• 54. خاصیت display: flex
• 55. خاصیت flex-direction
• 56. خاصیت flex-wrap
• 57. خاصیت justify-content
• 58. خاصیت align-items
• 59. خاصیت align-content
• 60. خاصیت order
• 61. خاصیت flex-grow, flex-shrink, flex-basis
• 62. مدیریت Grid Layout
• 63. مقدمه ای بر Grid Layout
• 64. کانتینر گرید (grid container)
• 65. عناصر گرید (grid items)
• 66. خاصیت display: grid
• 67. خاصیت grid-template-columns
• 68. خاصیت grid-template-rows
• 69. خاصیت grid-template-areas
• 70. خاصیت gap (grid-gap, row-gap, column-gap)
• 71. خاصیت justify-items, align-items
• 72. خاصیت justify-content, align-content
• 73. خاصیت grid-column, grid-row
• 74. خاصیت grid-area
• 75. موقعیت یابی المنت ها (Positioning)
• 76. خاصیت position (static, relative, absolute, fixed, sticky)
• 77. خاصیت top, bottom, left, right
• 78. خاصیت z-index
• 79. CSS Transitions
• 80. مقدمه ای بر Transitions
• 81. خاصیت transition-property
• 82. خاصیت transition-duration
• 83. خاصیت transition-timing-function
• 84. خاصیت transition-delay
• 85. CSS Animations
• 86. مقدمه ای بر Animations
• 87. تعریف keyframes (@keyframes)
• 88. خاصیت animation-name
• 89. خاصیت animation-duration
• 90. خاصیت animation-timing-function
• 91. خاصیت animation-delay
• 92. خاصیت animation-iteration-count
• 93. خاصیت animation-direction
• 94. خاصیت animation-fill-mode
• 95. خاصیت animation-play-state
• 96. Responsive Design
• 97. مقدمه ای بر Responsive Design
• 98. Meta tag viewport
• 99. Media Queries
• 100. قواعد اساسی Media Queries