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

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

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

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

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

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

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

• 1. CSS چیست و چرا اهمیت دارد
• 2. آشنایی با مدل جعبه CSS (Box Model)
• 3. انتخابگرهای CSS (Selectors)
• 4. ویژگی‌های اساسی CSS: فونت‌ها
• 5. ویژگی‌های اساسی CSS: رنگ‌ها
• 6. ویژگی‌های اساسی CSS: متن
• 7. ویژگی‌های اساسی CSS: پس‌زمینه
• 8. ویژگی‌های اساسی CSS: حاشیه‌ها (Borders)
• 9. ویژگی‌های اساسی CSS: padding
• 10. ویژگی‌های اساسی CSS: margin
• 11. واحدها در CSS: پیکسل، em، rem، vh، vw
• 12. صفر کردن مقادیر پیش‌فرض CSS
• 13. تنظیم نمایش عناصر (Display Properties)
• 14. مدیریت فضای سفید (Whitespace)
• 15. قوانین CSS: وراثت (Inheritance)
• 16. قوانین CSS: اولویت (Specificity)
• 17. قوانین CSS: اهمیت (Importance)
• 18. استفاده از CSS در HTML: تگ `<style>`
• 19. استفاده از CSS در HTML: لینک به فایل CSS خارجی
• 20. استفاده از CSS در HTML: استایل درون خطی (Inline Styles)
• 21. سازگاری مرورگرها (Browser Compatibility)
• 22. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools)
• 23. انتخابگرهای کلاس (Class Selectors)
• 24. انتخابگرهای شناسه (ID Selectors)
• 25. انتخابگرهای صفات (Attribute Selectors)
• 26. انتخابگرهای تگ (Tag Selectors)
• 27. انتخابگرهای گروه‌بندی (Grouping Selectors)
• 28. انتخابگرهای فرزند (Child Selectors)
• 29. انتخابگرهای همسایه عمومی (General Sibling Selectors)
• 30. انتخابگرهای همسایه مستقیم (Adjacent Sibling Selectors)
• 31. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 32. شبه‌کلاس `:hover`
• 33. شبه‌کلاس `:active`
• 34. شبه‌کلاس `:focus`
• 35. شبه‌کلاس `:visited`
• 36. شبه‌کلاس `:link`
• 37. شبه‌کلاس `:nth-child()`
• 38. شبه‌کلاس `:first-child`
• 39. شبه‌کلاس `:last-child`
• 40. شبه‌کلاس `:only-child`
• 41. شبه‌کلاس `:empty`
• 42. شبه‌کلاس `:not()`
• 43. انتخابگرهای شبه‌عنصر (Pseudo-elements)
• 44. شبه‌عنصر `::before`
• 45. شبه‌عنصر `::after`
• 46. شبه‌عنصر `::first-letter`
• 47. شبه‌عنصر `::first-line`
• 48. شبه‌عنصر `::selection`
• 49. مدیریت فونت‌های سفارشی (Custom Fonts)
• 50. انتقال فونت‌ها از سرویس‌های خارجی (Google Fonts)
• 51. نحوه تنظیم فونت‌های فارسی
• 52. مدیریت رنگ‌ها: مقادیر هگزادسیمال (Hexadecimal)
• 53. مدیریت رنگ‌ها: مقادیر RGB
• 54. مدیریت رنگ‌ها: مقادیر RGBA
• 55. مدیریت رنگ‌ها: مقادیر HSL
• 56. مدیریت رنگ‌ها: مقادیر HSLA
• 57. مدیریت رنگ‌ها: نام رنگ‌ها
• 58. تنظیم شفافیت (Opacity)
• 59. تنظیم سایه متن (Text Shadow)
• 60. تنظیم سایه جعبه (Box Shadow)
• 61. تنظیم گرد کردن گوشه‌ها (Border Radius)
• 62. استفاده از گرادیانت‌ها (Gradients): خطی
• 63. استفاده از گرادیانت‌ها (Gradients): شعاعی
• 64. تنظیم تصویر پس‌زمینه (Background Image)
• 65. تنظیم تکرار تصویر پس‌زمینه (Background Repeat)
• 66. تنظیم موقعیت تصویر پس‌زمینه (Background Position)
• 67. تنظیم اندازه تصویر پس‌زمینه (Background Size)
• 68. تنظیم رنگ و تصویر پس‌زمینه با هم
• 69. تنظیم چسبندگی پس‌زمینه (Background Attachment)
• 70. تنظیمات خلاصه پس‌زمینه (Background Shorthand)
• 71. مدیریت چیدمان (Layout): شناور کردن (Floats)
• 72. مدیریت چیدمان: پاکسازی شناورها (Clearfix)
• 73. مدیریت چیدمان: موقعیت‌دهی (Positioning)
• 74. موقعیت‌دهی نسبی (Relative Positioning)
• 75. موقعیت‌دهی مطلق (Absolute Positioning)
• 76. موقعیت‌دهی ثابت (Fixed Positioning)
• 77. موقعیت‌دهی چسبنده (Sticky Positioning)
• 78. مقادیر `top`, `right`, `bottom`, `left`
• 79. تنظیم عمق عناصر (Z-index)
• 80. استفاده از Flexbox: معرفی و مفاهیم
• 81. تنظیم چیدمان با Flexbox
• 82. خواص Flex container
• 83. خواص Flex item
• 84. محتوای Flexbox: `justify-content`
• 85. محتوای Flexbox: `align-items`
• 86. محتوای Flexbox: `flex-wrap`
• 87. محتوای Flexbox: `order`
• 88. محتوای Flexbox: `align-self`
• 89. محتوای Flexbox: `flex-grow`, `flex-shrink`, `flex-basis`
• 90. Flexbox برای چیدمان واکنش‌گرا
• 91. استفاده از Grid Layout: معرفی و مفاهیم
• 92. تعریف Grid container
• 93. تعریف Grid items
• 94. تعریف ستون‌ها و ردیف‌ها در Grid
• 95. تنظیم فاصله بین ستون‌ها و ردیف‌ها (Grid Gap)
• 96. چیدمان عناصر در Grid: `grid-column` و `grid-row`
• 97. چیدمان عناصر در Grid: `grid-area`
• 98. Grid Layout برای چیدمان واکنش‌گرا
• 99. صفحات گسترده (Pages) و طراحی واکنش‌گرا
• 100. نقاط شکست (Breakpoints) در طراحی واکنش‌گرا