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

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

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

عنوان دوره: دوره CSS for Sales Metrics

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

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

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

• 1. مقدمه بر CSS و هدف آن در نمایش معیارهای فروش
• 2. چرا CSS برای معیارهای فروش مهم است
• 3. نحوه عملکرد CSS با HTML
• 4. تنظیم محیط توسعه برای CSS
• 5. بازرسی عناصر در مرورگر
• 6. اصول اولیه انتخابگرهای CSS (Selectors)
• 7. انتخابگرهای نوع (Type Selectors)
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای شناسه (ID Selectors)
• 10. انتخابگرهای جهانی (Universal Selector)
• 11. نحوه اعمال استایل‌ها به عناصر HTML
• 12. استفاده از تگ <style>
• 13. استفاده از فایل‌های CSS خارجی
• 14. استفاده از استایل‌های درون خطی (Inline Styles)
• 15. اولویت‌بندی استایل‌ها (CSS Specificity)
• 16. قاعده ارث‌بری (Inheritance)
• 17. مقادیر اولیه (Initial Values)
• 18. مقادیر ارث‌بری (Inherited Values)
• 19. مقادیر محاسبه شده (Calculated Values)
• 20. مقادیر نهایی (Computed Values)
• 21. کاربرد CSS در نمایش متن و فونت
• 22. تنظیم اندازه فونت (font-size)
• 23. تنظیم خانواده فونت (font-family)
• 24. تنظیم وزن فونت (font-weight)
• 25. تنظیم سبک فونت (font-style)
• 26. تنظیم رنگ متن (color)
• 27. تنظیم تراز متن (text-align)
• 28. فاصله خطوط (line-height)
• 29. فاصله کلمات (word-spacing)
• 30. فاصله حروف (letter-spacing)
• 31. تزیین متن (text-decoration)
• 32. حالت حروف (text-transform)
• 33. سایه‌های متن (text-shadow)
• 34. کاربرد CSS در جعبه مدل (Box Model)
• 35. محتوا (Content)
• 36. حاشیه داخلی (Padding)
• 37. کادر (Border)
• 38. حاشیه خارجی (Margin)
• 39. عرض و ارتفاع عناصر (width, height)
• 40. عرض حداقل و حداکثر (min-width, max-width)
• 41. ارتفاع حداقل و حداکثر (min-height, max-height)
• 42. مدیریت سرریز محتوا (overflow)
• 43. موقعیت‌دهی عناصر (Positioning)
• 44. موقعیت نسبی (position: relative)
• 45. موقعیت مطلق (position: absolute)
• 46. موقعیت ثابت (position: fixed)
• 47. موقعیت چسبنده (position: sticky)
• 48. لایه Z (z-index)
• 49. کاربرد CSS در نمایش رنگ و پس‌زمینه
• 50. رنگ‌ها (Color)
• 51. مقادیر رنگ (Keywords, Hex, RGB, RGBA, HSL, HSLA)
• 52. شفافیت (Opacity)
• 53. پس‌زمینه (Background)
• 54. رنگ پس‌زمینه (background-color)
• 55. تصویر پس‌زمینه (background-image)
• 56. تکرار تصویر پس‌زمینه (background-repeat)
• 57. موقعیت تصویر پس‌زمینه (background-position)
• 58. مقیاس تصویر پس‌زمینه (background-size)
• 59. پیوستگی پس‌زمینه (background-attachment)
• 60. رول‌بک پس‌زمینه (background-origin, background-clip)
• 61. نحوه تنظیم گرید (Grid Layout)
• 62. مقدمه بر CSS Grid
• 63. ایجاد یک گرید کانتینر
• 64. تعریف ردیف‌ها و ستون‌ها
• 65. تنظیم اندازه ردیف‌ها و ستون‌ها
• 66. چیدمان آیتم‌های گرید
• 67. فضای بین ردیف‌ها و ستون‌ها (grid-gap)
• 68. هم‌ترازی آیتم‌های گرید
• 69. کاربرد CSS در نمایش فلکس (Flexbox)
• 70. مقدمه بر Flexbox
• 71. ایجاد یک فلکس کانتینر
• 72. جهت فلکس (flex-direction)
• 73. هم‌ترازی آیتم‌ها در محور اصلی (justify-content)
• 74. هم‌ترازی آیتم‌ها در محور متقاطع (align-items)
• 75. چیدمان ردیف‌ها (flex-wrap)
• 76. ترتیب آیتم‌ها (order)
• 77. فضای خالی بین آیتم‌ها (align-content)
• 78. نحوه انعطاف‌پذیری آیتم‌های فلکس (flex-grow, flex-shrink, flex-basis)
• 79. کاربرد CSS در جداول معیارهای فروش
• 80. ساختار HTML برای جداول داده
• 81. استایل‌دهی به سربرگ جدول
• 82. استایل‌دهی به سلول‌های جدول
• 83. پس‌زمینه رنگی ردیف‌ها (Nesting)
• 84. استایل‌دهی به کادرهای جدول
• 85. تنظیم عرض ستون‌ها
• 86. استایل‌دهی به سلول‌های خالی
• 87. تراز کردن اعداد در جداول
• 88. جلوه‌های ویژه برای اعداد برجسته
• 89. نمایش پیشرفت با نوارهای بصری (Progress Bars)
• 90. استایل‌دهی به نمودارهای ستونی ساده
• 91. استایل‌دهی به نمودارهای دایره‌ای ساده
• 92. انیمیشن‌ها و ترنزیشن‌ها در CSS
• 93. مقدمه بر انیمیشن‌ها
• 94. تعریف فریم‌های کلیدی (Keyframes)
• 95. اعمال انیمیشن به عناصر
• 96. تنظیم زمان‌بندی انیمیشن
• 97. حالت‌های انیمیشن (iteration-count, direction)
• 98. تغییرات ترنزیشن (Transition)
• 99. ویژگی‌های ترنزیشن (property, duration, timing-function, delay)
• 100. افکت‌های ترنزیشن در معیارهای فروش