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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. تاریخچه CSS و تکامل آن
• 3. محیط توسعه برای CSS: ویرایشگرهای کد
• 4. محیط توسعه برای CSS: مرورگرهای وب
• 5. تفاوت CSS و HTML
• 6. ساختار کلی یک فایل CSS
• 7. قواعد CSS: انتخابگرها، ویژگی ها و مقادیر
• 8. نحوه اعمال CSS: درون خطی، داخلی و خارجی
• 9. شناسایی عناصر HTML با نام تگ
• 10. شناسایی عناصر با کلاس (Class)
• 11. شناسایی عناصر با شناسه (ID)
• 12. انتخابگرهای عمومی (Universal Selector)
• 13. انتخابگرهای گروهی (Grouping Selectors)
• 14. انتخابگرهای فرزند (Child Combinator)
• 15. انتخابگرهای همسایه مستقیم (Adjacent Sibling Combinator)
• 16. انتخابگرهای همسایه عمومی (General Sibling Combinator)
• 17. انتخابگرهای وابسته (Descendant Combinator)
• 18. انتخابگرهای ویژگی (Attribute Selectors)
• 19. انتخابگرهای مبتنی بر وضعیت (Pseudo-classes)
• 20. انتخابگرهای مبتنی بر ساختار (Pseudo-elements)
• 21. اولویت انتخابگرها (Selector Specificity)
• 22. قانون ارث بری (Inheritance) در CSS
• 23. خاصیت !important و کاربرد آن
• 24. قواعد CSS: رنگ ها (Colors)
• 25. مقادیر رنگی: نام رنگ ها (Named Colors)
• 26. مقادیر رنگی: Hexadecimal (هگزادسیمال)
• 27. مقادیر رنگی: RGB
• 28. مقادیر رنگی: RGBA (با شفافیت)
• 29. مقادیر رنگی: HSL
• 30. مقادیر رنگی: HSLA (با شفافیت)
• 31. خاصیت background-color
• 32. خاصیت color (رنگ متن)
• 33. فونت ها (Fonts)
• 34. خاصیت font-family
• 35. مقادیر font-family: فونت های سیستمی
• 36. مقادیر font-family: فونت های وب (Web Fonts)
• 37. بارگذاری فونت های سفارشی (Custom Fonts) با @font-face
• 38. خاصیت font-size
• 39. واحدها: پیکسل (px)
• 40. واحدها: em و rem
• 41. واحدها: درصد (%)
• 42. واحدها: vw و vh
• 43. خاصیت font-weight
• 44. خاصیت font-style
• 45. خاصیت text-decoration
• 46. خاصیت text-transform
• 47. خاصیت text-align
• 48. خاصیت line-height
• 49. خاصیت letter-spacing
• 50. خاصیت word-spacing
• 51. خاصیت text-shadow
• 52. مدیریت متن طولانی: text-overflow
• 53. استایل های متن: white-space
• 54. Box Model: معرفی
• 55. خاصیت width و height
• 56. خاصیت padding (فاصله داخلی)
• 57. خاصیت border (حاشیه)
• 58. استایل های border-style
• 59. عرض ها و رنگ های border
• 60. خاصیت margin (فاصله خارجی)
• 61. رفتار margin-collapse (ادغام حاشیه ها)
• 62. خاصیت box-sizing: content-box
• 63. خاصیت box-sizing: border-box
• 64. مقدمه ای بر واحدهای نسبی و مطلق
• 65. نمایش عناصر (Display)
• 66. خاصیت display: block
• 67. خاصیت display: inline
• 68. خاصیت display: inline-block
• 69. خاصیت display: none
• 70. خاصیت visibility: hidden
• 71. مفاهیم Flexbox
• 72. خاصیت display: flex
• 73. خاصیت flex-direction
• 74. خاصیت justify-content
• 75. خاصیت align-items
• 76. خاصیت flex-wrap
• 77. خاصیت align-content
• 78. خاصیت order (در Flexbox)
• 79. خاصیت flex-grow
• 80. خاصیت flex-shrink
• 81. خاصیت flex-basis
• 82. خاصیت align-self
• 83. مفاهیم Grid Layout
• 84. خاصیت display: grid
• 85. خاصیت grid-template-columns
• 86. خاصیت grid-template-rows
• 87. خاصیت grid-gap (یا gap)
• 88. خاصیت grid-column
• 89. خاصیت grid-row
• 90. خاصیت justify-items
• 91. خاصیت align-items
• 92. خاصیت justify-content
• 93. خاصیت align-content
• 94. موقعیت دهی عناصر (Positioning)
• 95. خاصیت position: static
• 96. خاصیت position: relative
• 97. خاصیت position: absolute
• 98. خاصیت position: fixed
• 99. خاصیت position: sticky
• 100. خاصیت top, bottom, left, right