فلش‌کارت‌های آموزشی CSS for Environmental Engineering

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

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

عنوان دوره: دوره CSS for Environmental Engineering

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در طراحی وب
• 2. تاریخچه CSS
• 3. CSS چیست و چرا مهم است
• 4. تفاوت CSS با HTML
• 5. نصب و راه‌اندازی ابزارهای توسعه مرورگر
• 6. اولین سبک‌های CSS
• 7. انتخابگرهای CSS: مقدمه
• 8. انتخابگرهای تگ (Type Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای شناسه (ID Selectors)
• 11. انتخابگرهای عمومی (Universal Selector)
• 12. انتخابگرهای گروهی (Grouping Selectors)
• 13. انتخابگرهای صفتی (Attribute Selectors)
• 14. ساختار CSS: سینتکس (Syntax)
• 15. قوانین CSS: انتخابگر و بلوک اعلامیه‌ها
• 16. پراپرتی‌ها و مقادیر (Properties and Values)
• 17. کامنت‌گذاری در CSS
• 18. نحوه اتصال CSS به HTML: Inline Styles
• 19. نحوه اتصال CSS به HTML: Internal Stylesheets
• 20. نحوه اتصال CSS به HTML: External Stylesheets
• 21. اولویت‌بندی و وراثت در CSS (Specificity and Inheritance)
• 22. مدل جعبه‌ای (Box Model) در CSS
• 23. عرض (Width) و ارتفاع (Height)
• 24. حاشیه (Margin)
• 25. فضای داخلی (Padding)
• 26. بوردر (Border)
• 27. پس‌زمینه (Background)
• 28. رنگ پس‌زمینه (Background-color)
• 29. تصویر پس‌زمینه (Background-image)
• 30. تکرار تصویر پس‌زمینه (Background-repeat)
• 31. موقعیت تصویر پس‌زمینه (Background-position)
• 32. اندازه تصویر پس‌زمینه (Background-size)
• 33. تنظیمات ترکیبی پس‌زمینه (Background-attachment)
• 34. رنگ متن (Color)
• 35. ترازبندی متن (Text-align)
• 36. تزئین متن (Text-decoration)
• 37. حالت حروف (Text-transform)
• 38. ضخامت متن (Font-weight)
• 39. سبک فونت (Font-style)
• 40. اندازه فونت (Font-size)
• 41. خانواده فونت (Font-family)
• 42. تنظیمات فونت سفارشی (Custom Font Loading)
• 43. لیست‌ها و نشانگرها (Lists and Markers)
• 44. سبک نشانگر لیست (List-style-type)
• 45. تصویر نشانگر لیست (List-style-image)
• 46. موقعیت نشانگر لیست (List-style-position)
• 47. تنظیمات ترکیبی لیست (List-style)
• 48. لینک‌ها و وضعیت آن‌ها (Links and States)
• 49. تنظیمات پیش‌فرض مرورگر (Browser Defaults)
• 50. بازنشانی (Reset) CSS
• 51. نرمالایزینگ (Normalize) CSS
• 52. نمایش عناصر (Display Property)
• 53. مقادیر display: block, inline, inline-block
• 54. مقادیر display: flex, grid
• 55. مقادیر display: none, table, etc.
• 56. موقعیت‌دهی عناصر (Positioning)
• 57. position: static
• 58. position: relative
• 59. position: absolute
• 60. position: fixed
• 61. position: sticky
• 62. z-index
• 63. float و clear
• 64. نحوه استفاده از float برای چیدمان
• 65. نحوه استفاده از clear برای حل مشکلات float
• 66. CSS Flexbox: مقدمه
• 67. container و items در Flexbox
• 68. جهت (Flex-direction)
• 69. ترازبندی اصلی (Justify-content)
• 70. ترازبندی متقابل (Align-items)
• 71. ترازبندی خود (Align-self)
• 72. ترازبندی آیتم‌ها (Align-content)
• 73. بسته‌بندی (Flex-wrap)
• 74. ابعاد انعطاف‌پذیر (Flex-grow, flex-shrink, flex-basis)
• 75. CSS Grid: مقدمه
• 76. container و items در Grid
• 77. تعریف خطوط (Grid-template-rows, grid-template-columns)
• 78. تعریف مناطق (Grid-template-areas)
• 79. اندازه‌گذاری سلول‌ها (grid-row, grid-column)
• 80. فاصله‌گذاری بین خطوط (grid-gap, row-gap, column-gap)
• 81. ترازبندی در Grid
• 82. CSS Transitions: مقدمه
• 83. تغییر پراپرتی‌ها (transition-property)
• 84. مدت زمان transition (transition-duration)
• 85. تاخیر transition (transition-delay)
• 86. توابع سرعت transition (transition-timing-function)
• 87. تنظیمات ترکیبی transition (transition)
• 88. CSS Animations: مقدمه
• 89. تعریف keyframes
• 90. انیمیشن‌ها: نام (animation-name)
• 91. مدت زمان انیمیشن (animation-duration)
• 92. توابع سرعت انیمیشن (animation-timing-function)
• 93. تاخیر انیمیشن (animation-delay)
• 94. تکرار انیمیشن (animation-iteration-count)
• 95. جهت انیمیشن (animation-direction)
• 96. حالت پر شدن (animation-fill-mode)
• 97. حالت انیمیشن (animation-play-state)
• 98. تنظیمات ترکیبی انیمیشن (animation)
• 99. Media Queries: مقدمه
• 100. تعریف query بر اساس دستگاه (screen, print)