فلش‌کارت‌های آموزشی CSS for Fleet Management Training Providers

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

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

عنوان دوره: دوره CSS for Fleet Management Training Providers

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

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

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

• 1. مبانی CSS: مقدمه
• 2. CSS چیست؟
• 3. چرا از CSS استفاده می‌کنیم؟
• 4. نحوه اتصال CSS به HTML
• 5. سینتکس CSS: انتخابگرها، خواص و مقادیر
• 6. انتخابگرهای عنصر
• 7. انتخابگرهای کلاس
• 8. انتخابگرهای ID
• 9. انتخابگرهای عمومی
• 10. انتخابگرهای صفتی
• 11. انتخابگرهای ترکیبی
• 12. انتخابگرهای شبه‌کلاس
• 13. انتخابگرهای شبه‌عنصر
• 14. اولویت انتخابگرها (Specificity)
• 15. فاکتورهای اولویت (شناسه، کلاس، عنصر)
• 16. وراثت (Inheritance) در CSS
• 17. مقادیر اولیه (Initial Values)
• 18. مقادیر ارث‌بری (Inherited Values)
• 19. مقادیر محاسباتی (Calculated Values)
• 20. واحدها در CSS: پیکسل (px)
• 21. واحدها در CSS: درصد (%)
• 22. واحدها در CSS: em و rem
• 23. واحدها در CSS: vw و vh
• 24. واحدها در CSS: pt و pc
• 25. واحدها در CSS: ch و ex
• 26. واحدها در CSS: cm, mm, in
• 27. اندازه‌گیری فونت‌ها
• 28. اندازه‌گیری طول و عرض
• 29. رنگ‌ها در CSS: مقادیر نام رنگ
• 30. رنگ‌ها در CSS: مقادیر هگزادسیمال (Hexadecimal)
• 31. رنگ‌ها در CSS: مقادیر RGB
• 32. رنگ‌ها در CSS: مقادیر RGBA
• 33. رنگ‌ها در CSS: مقادیر HSL
• 34. رنگ‌ها در CSS: مقادیر HSLA
• 35. شفافیت (Opacity)
• 36. پس‌زمینه‌ها (Backgrounds): رنگ پس‌زمینه
• 37. پس‌زمینه‌ها (Backgrounds): تصویر پس‌زمینه
• 38. پس‌زمینه‌ها (Backgrounds): تکرار تصویر پس‌زمینه
• 39. پس‌زمینه‌ها (Backgrounds): موقعیت تصویر پس‌زمینه
• 40. پس‌زمینه‌ها (Backgrounds): اندازه تصویر پس‌زمینه
• 41. پس‌زمینه‌ها (Backgrounds): چسبندگی تصویر پس‌زمینه
• 42. پس‌زمینه‌ها (Backgrounds): لایه‌های پس‌زمینه
• 43. CSS Box Model: محتوا (Content)
• 44. CSS Box Model: پدینگ (Padding)
• 45. CSS Box Model: بوردر (Border)
• 46. CSS Box Model: مارجین (Margin)
• 47. تنظیم عرض و ارتفاع عناصر
• 48. تنظیم حداکثر و حداقل عرض و ارتفاع
• 49. تنظیم پدینگ (Padding)
• 50. تنظیم بوردر (Border)
• 51. تنظیم بوردر استایل
• 52. تنظیم بوردر عرض
• 53. تنظیم بوردر رنگ
• 54. تنظیم مارجین (Margin)
• 55. تنظیم مارجین بالا، راست، پایین، چپ
• 56. تنظیمات پیشرفته مارجین (Margin Collapsing)
• 57. CSS Typography: فونت خانواده (Font-family)
• 58. CSS Typography: فونت وزن (Font-weight)
• 59. CSS Typography: فونت استایل (Font-style)
• 60. CSS Typography: فونت اندازه (Font-size)
• 61. CSS Typography: فونت واریانت (Font-variant)
• 62. CSS Typography: تراز متن (Text-align)
• 63. CSS Typography: تزئین متن (Text-decoration)
• 64. CSS Typography: تبدیل حروف (Text-transform)
• 65. CSS Typography: ارتفاع خط (Line-height)
• 66. CSS Typography: فاصله کلمات (Word-spacing)
• 67. CSS Typography: فاصله حروف (Letter-spacing)
• 68. CSS Typography: تورفتگی متن (Text-indent)
• 69. CSS Typography: سایه متن (Text-shadow)
• 70. CSS Layout: نمایش (Display) Property
• 71. مقادیر display: block
• 72. مقادیر display: inline
• 73. مقادیر display: inline-block
• 74. مقادیر display: flex
• 75. مقادیر display: grid
• 76. مقادیر display: none
• 77. مقادیر display: list-item
• 78. مقادیر display: table
• 79. مقادیر display: initial
• 80. CSS Positioning: موقعیت نسبی (Relative)
• 81. CSS Positioning: موقعیت مطلق (Absolute)
• 82. CSS Positioning: موقعیت ثابت (Fixed)
• 83. CSS Positioning: موقعیت چسبنده (Sticky)
• 84. CSS Positioning: Z-index
• 85. CSS Floats: شناور کردن عناصر (Float)
• 86. CSS Clears: حذف شناوری (Clear)
• 87. CSS Flexbox: مقدمه
• 88. CSS Flexbox: کانتینر اصلی (Flex Container)
• 89. CSS Flexbox: آیتم‌های فلکس (Flex Items)
• 90. CSS Flexbox: جهت (Flex-direction)
• 91. CSS Flexbox: بسته بندی (Flex-wrap)
• 92. CSS Flexbox: راست چین کردن (Justify-content)
• 93. CSS Flexbox: تراز آیتم ها (Align-items)
• 94. CSS Flexbox: تراز آیتم ها روی محور عرضی (Align-content)
• 95. CSS Flexbox: نظم دهی آیتم ها (Order)
• 96. CSS Flexbox: رشد آیتم ها (Flex-grow)
• 97. CSS Flexbox: کوچک شدن آیتم ها (Flex-shrink)
• 98. CSS Flexbox: اندازه اولیه آیتم ها (Flex-basis)
• 99. CSS Flexbox: ویژگی کوتاه شده flex
• 100. CSS Grid: مقدمه