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

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

عنوان دوره: CSS for Earthquake Prediction

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

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

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

• 1. مقدمه ای بر CSS و اهمیت آن در پیش بینی زلزله
• 2. محیط توسعه CSS: ویرایشگرها و ابزارها
• 3. اصول اولیه CSS: انتخابگرها (Selectors)
• 4. انتخابگرهای عمومی (Universal Selector)
• 5. انتخابگرهای نوع (Type/Element Selectors)
• 6. انتخابگرهای کلاس (Class Selectors)
• 7. انتخابگرهای شناسه (ID Selectors)
• 8. انتخابگرهای صفات (Attribute Selectors)
• 9. ترکیب کننده ها (Combinators): انتخابگرهای فرزند (Child Combinator)
• 10. ترکیب کننده ها: انتخابگرهای خواهر و برادر عمومی (General Sibling Combinator)
• 11. ترکیب کننده ها: انتخابگرهای خواهر و برادر مستقیم (Direct Sibling Combinator)
• 12. ترکیب کننده ها: انتخابگرهای تو در تو (Descendant Combinator)
• 13. خاصیت و مقدار (Property and Value)
• 14. قواعد CSS (CSS Rules)
• 15. کامنت ها در CSS (Comments)
• 16. ارث بری (Inheritance)
• 17. سقوط (Cascade)
• 18. اولویت (Specificity)
• 19. نکات مهم در CSS (CSS Specificity)
• 20. واحدها در CSS: پیکسل (px)
• 21. واحدها در CSS: درصد (%)
• 22. واحدها در CSS: واحد های نسبی (em, rem)
• 23. واحدها در CSS: واحدهای viewport (vw, vh)
• 24. رنگ ها در CSS: مقادیر نامی (Named Colors)
• 25. رنگ ها در CSS: مقادیر هگزادسیمال (Hexadecimal)
• 26. رنگ ها در CSS: مقادیر RGB (RGB values)
• 27. رنگ ها در CSS: مقادیر RGBA (RGBA values)
• 28. رنگ ها در CSS: مقادیر HSL (HSL values)
• 29. رنگ ها در CSS: مقادیر HSLA (HSLA values)
• 30. شفافیت (Opacity)
• 31. پس زمینه (Background): رنگ پس زمینه (Background-color)
• 32. پس زمینه: تصویر پس زمینه (Background-image)
• 33. پس زمینه: تکرار تصویر پس زمینه (Background-repeat)
• 34. پس زمینه: موقعیت تصویر پس زمینه (Background-position)
• 35. پس زمینه: اندازه تصویر پس زمینه (Background-size)
• 36. پس زمینه: چسبندگی تصویر پس زمینه (Background-attachment)
• 37. پس زمینه: کلیپ تصویر پس زمینه (Background-clip)
• 38. پس زمینه: مبدا تصویر پس زمینه (Background-origin)
• 39. پس زمینه: کوتاه نویسی پس زمینه (Shorthand Background)
• 40. متن (Text): فونت (Font-family)
• 41. متن: وزن فونت (Font-weight)
• 42. متن: اندازه فونت (Font-size)
• 43. متن: سبک فونت (Font-style)
• 44. متن: تزئینات متن (Text-decoration)
• 45. متن: تراز متن (Text-align)
• 46. متن: فاصله بین خطوط (Line-height)
• 47. متن: فاصله بین کلمات (Word-spacing)
• 48. متن: فاصله بین حروف (Letter-spacing)
• 49. متن: تورفتگی متن (Text-indent)
• 50. متن: سایه متن (Text-shadow)
• 51. جعبه مدل (Box Model): حاشیه (Margin)
• 52. جعبه مدل: فاصله داخلی (Padding)
• 53. جعبه مدل: حاشیه خارجی (Border)
• 54. جعبه مدل: انواع حاشیه (Border-style)
• 55. جعبه مدل: رنگ حاشیه (Border-color)
• 56. جعبه مدل: عرض حاشیه (Border-width)
• 57. جعبه مدل: شعاع حاشیه (Border-radius)
• 58. جعبه مدل: کوتاه نویسی حاشیه (Shorthand Border)
• 59. جعبه مدل: محتوا (Content)
• 60. عرض و ارتفاع (Width and Height)
• 61. حداقل و حداکثر عرض و ارتفاع (Min-width, Max-width, Min-height, Max-height)
• 62. نمایش (Display): inline
• 63. نمایش: block
• 64. نمایش: inline-block
• 65. نمایش: none
• 66. نمایش: flex (مبانی)
• 67. نمایش: grid (مبانی)
• 68. ارتفاع پیش فرض (Auto height)
• 69. موقعیت دهی (Positioning): relative
• 70. موقعیت دهی: absolute
• 71. موقعیت دهی: fixed
• 72. موقعیت دهی: sticky
• 73. شاخص Z (Z-index)
• 74. سرریز (Overflow): visible
• 75. سرریز: hidden
• 76. سرریز: scroll
• 77. سرریز: auto
• 78. شناور سازی (Floats): left
• 79. شناور سازی: right
• 80. شناور سازی: none
• 81. پاکسازی شناور (Clearfix)
• 82. تبدیل ها (Transforms): translate
• 83. تبدیل ها: rotate
• 84. تبدیل ها: scale
• 85. تبدیل ها: skew
• 86. تبدیل ها: matrix
• 87. انتقال ها (Transitions): property
• 88. انتقال ها: duration
• 89. انتقال ها: timing-function
• 90. انتقال ها: delay
• 91. انتقال ها: کوتاه نویسی Transition
• 92. انیمیشن ها (Animations): @keyframes
• 93. انیمیشن ها: animation-name
• 94. انیمیشن ها: animation-duration
• 95. انیمیشن ها: animation-timing-function
• 96. انیمیشن ها: animation-delay
• 97. انیمیشن ها: animation-iteration-count
• 98. انیمیشن ها: animation-direction
• 99. انیمیشن ها: animation-fill-mode
• 100. انیمیشن ها: animation-play-state