دوره CSS for Seismology همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Seismology

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

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

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

• 1. مقدمه ای بر CSS و کاربرد آن در لرزه نگاری
• 2. آشنایی با اصول اولیه CSS
• 3. ساختار و سینتکس CSS
• 4. انتخابگرهای CSS (Selectors)
• 5. انواع انتخابگرها: تگ، کلاس، آیدی
• 6. انتخابگرهای گروهی و ترکیبی
• 7. ویژگی های CSS (Properties)
• 8. واحدها در CSS: پیکسل، درصد، em، rem
• 9. رنگ ها در CSS: نام، کد هگز، RGB، HSL
• 10. پس زمینه (Background) در CSS
• 11. خاصیت background-color
• 12. خاصیت background-image
• 13. خاصیت background-repeat
• 14. خاصیت background-position
• 15. خاصیت background-attachment
• 16. خاصیت shorthand background
• 17. مدیریت متن در CSS
• 18. خاصیت font-family
• 19. خاصیت font-size
• 20. خاصیت font-weight
• 21. خاصیت font-style
• 22. خاصیت text-decoration
• 23. خاصیت text-align
• 24. خاصیت line-height
• 25. خاصیت letter-spacing
• 26. خاصیت word-spacing
• 27. خاصیت text-transform
• 28. خاصیت text-shadow
• 29. مدیریت باکس مدل (Box Model)
• 30. خاصیت width و height
• 31. خاصیت padding
• 32. خاصیت border
• 33. خاصیت margin
• 34. خاصیت box-sizing
• 35. مدیریت نمایش عناصر (Display)
• 36. display: block, inline, inline-block
• 37. display: none, flex, grid
• 38. مرزها (Borders) در CSS
• 39. خاصیت border-width
• 40. خاصیت border-style
• 41. خاصیت border-color
• 42. خاصیت border-radius
• 43. مرزهای سفارشی (Border-collapse)
• 44. مرزهای جداگانه (border-top, border-right, etc.)
• 45. مدیریت لیست ها (Lists) در CSS
• 46. خاصیت list-style-type
• 47. خاصیت list-style-image
• 48. خاصیت list-style-position
• 49. خاصیت list-style (shorthand)
• 50. جداول (Tables) در CSS
• 51. استایل دهی به سلول ها
• 52. استایل دهی به ردیف ها
• 53. استایل دهی به هدر و فوتر جدول
• 54. مدیریت لینک ها (Links) در CSS
• 55. حالت های مختلف لینک (link, visited, hover, active)
• 56. مدیریت فونت ها (Fonts)
• 57. فونت های گوگل (Google Fonts)
• 58. فونت های سفارشی (Custom Fonts)
• 59. فونت های سیستمی
• 60. مدیریت تصاویر (Images)
• 61. تنظیم اندازه تصاویر
• 62. قابلیت پاسخگویی تصاویر (Responsive Images)
• 63. استایل دهی به تصاویر
• 64. انیمیشن ها (Animations) در CSS
• 65. تعریف keyframes
• 66. اعمال انیمیشن به عناصر
• 67. خاصیت animation-name
• 68. خاصیت animation-duration
• 69. خاصیت animation-timing-function
• 70. خاصیت animation-delay
• 71. خاصیت animation-iteration-count
• 72. خاصیت animation-direction
• 73. خاصیت animation-fill-mode
• 74. خاصیت animation-play-state
• 75. ترنزیشن ها (Transitions) در CSS
• 76. خاصیت transition-property
• 77. خاصیت transition-duration
• 78. خاصیت transition-timing-function
• 79. خاصیت transition-delay
• 80. خاصیت transition (shorthand)
• 81. مدیریت طرح بندی (Layout) با Flexbox
• 82. مفاهیم پایه Flexbox
• 83. خاصیت display: flex
• 84. خاصیت flex-direction
• 85. خاصیت flex-wrap
• 86. خاصیت justify-content
• 87. خاصیت align-items
• 88. خاصیت align-content
• 89. خاصیت order
• 90. خاصیت flex-grow, flex-shrink, flex-basis
• 91. مدیریت طرح بندی (Layout) با Grid
• 92. مفاهیم پایه Grid
• 93. خاصیت display: grid
• 94. خاصیت grid-template-columns
• 95. خاصیت grid-template-rows
• 96. خاصیت grid-template-areas
• 97. خاصیت grid-gap
• 98. خاصیت justify-items, align-items
• 99. خاصیت justify-content, align-content
• 100. خاصیت grid-column, grid-row