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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و اهمیت آن در توسعه وب
• 2. تاریخچه CSS و سیر تکاملی آن
• 3. مقایسه CSS با سایر روش‌های استایل‌دهی
• 4. نصب و راه‌اندازی ابزارهای توسعه وب (مرورگر، ادیتور کد)
• 5. اولین قوانین CSS: انتخابگرها و ویژگی‌ها
• 6. سینتکس CSS: سلکتور، پرانتز، پراپرتی، ولیو
• 7. انتخابگرهای تگ (Element Selectors)
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای ID (ID Selectors)
• 10. انتخابگرهای جهانی (Universal Selector)
• 11. انتخابگرهای ترکیبی (Combinator Selectors)
• 12. انتخابگرهای فرزند (Child Combinator)
• 13. انتخابگرهای خواهر و برادر (Sibling Combinators)
• 14. انتخابگرهای صفات (Attribute Selectors)
• 15. انتخابگرهای شبه کلاس (Pseudo-classes)
• 16. شبه کلاس `:hover`
• 17. شبه کلاس `:focus`
• 18. شبه کلاس `:active`
• 19. شبه کلاس `:visited`
• 20. شبه کلاس `:link`
• 21. شبه کلاس `:nth-child()`
• 22. شبه کلاس `:first-child`
• 23. شبه کلاس `:last-child`
• 24. شبه کلاس `:only-child`
• 25. شبه کلاس `:empty`
• 26. انتخابگرهای شبه عنصر (Pseudo-elements)
• 27. شبه عنصر `::before`
• 28. شبه عنصر `::after`
• 29. شبه عنصر `::first-letter`
• 30. شبه عنصر `::first-line`
• 31. شبه عنصر `::selection`
• 32. وراثت (Inheritance) در CSS
• 33. مقداردهی اولیه (Initial Value) در CSS
• 34. مقداردهی ارثی (Inherited Value)
• 35. مقداردهی بازنشانی (Revert Value)
• 36. مقداردهی اصلی (Unset Value)
• 37. تعریف و استفاده از متغیرهای CSS (CSS Variables)
• 38. نحو تعریف متغیرها
• 39. نحو استفاده از متغیرها
• 40. استفاده از متغیرها در طرح‌بندی (Layout)
• 41. استفاده از متغیرها برای تم‌بندی (Theming)
• 42. مفهوم اولویت (Specificity) در CSS
• 43. محاسبه امتیاز اولویت
• 44. قوانین اولویت‌بندی
• 45. چگونه اولویت بر استایل‌دهی تأثیر می‌گذارد
• 46. نحوه استفاده از `!important` (با احتیاط)
• 47. مدیریت فونت‌ها (Fonts) در CSS
• 48. فونت‌های سیستم (System Fonts)
• 49. فونت‌های وب (Web Fonts) با `@font-face`
• 50. تنظیم وزن (Weight) فونت
• 51. تنظیم سبک (Style) فونت (مثلاً Italic)
• 52. تنظیم اندازه (Size) فونت (px, em, rem, %)
• 53. تنظیم خط فاصل (Line Height)
• 54. تنظیم فضای بین حروف (Letter Spacing)
• 55. تنظیم فضای بین کلمات (Word Spacing)
• 56. تنظیم تزئینات متن (Text Decoration)
• 57. تنظیم تبدیل حروف (Text Transform)
• 58. تنظیم تراز متن (Text Align)
• 59. تنظیم تورفتگی متن (Text Indent)
• 60. استایل‌دهی جعبه مدل (Box Model)
• 61. محتوا (Content)
• 62. حاشیه داخلی (Padding)
• 63. مرز (Border)
• 64. حاشیه خارجی (Margin)
• 65. خاصیت `box-sizing` (content-box vs border-box)
• 66. تنظیم رنگ‌ها (Colors)
• 67. کدهای هگزادسیمال (Hex Codes)
• 68. نام رنگ‌ها (Color Names)
• 69. RGB و RGBA
• 70. HSL و HSLA
• 71. تنظیم رنگ پس‌زمینه (Background Color)
• 72. تنظیم تصویر پس‌زمینه (Background Image)
• 73. تکرار تصویر پس‌زمینه (Background Repeat)
• 74. تراز تصویر پس‌زمینه (Background Position)
• 75. مقیاس تصویر پس‌زمینه (Background Size)
• 76. پیوست تصویر پس‌زمینه (Background Attachment)
• 77. استایل‌دهی حاشیه‌ها (Borders)
• 78. سبک حاشیه (Border Style)
• 79. ضخامت حاشیه (Border Width)
• 80. رنگ حاشیه (Border Color)
• 81. حاشیه‌های گرد (Border Radius)
• 82. حاشیه‌های متغیر (Individual Border Properties)
• 83. استایل‌دهی سایه‌ها (Shadows)
• 84. سایه متن (Text Shadow)
• 85. سایه جعبه (Box Shadow)
• 86. انواع سایه (Inse, Outset)
• 87. استایل‌دهی فضاهای خالی (Spacing)
• 88. تنظیم حاشیه‌های خارجی (Margin Properties)
• 89. تنظیم حاشیه‌های داخلی (Padding Properties)
• 90. استفاده از واحدهای نسبی (em, rem) برای Spacing
• 91. ایجاد طرح‌بندی (Layout) با CSS
• 92. مفهوم Display (block, inline, inline-block)
• 93. خاصیت Float و Clear
• 94. استفاده از Flexbox برای طرح‌بندی
• 95. مفاهیم اصلی Flexbox (container, items)
• 96. ویژگی‌های Flex Container
• 97. ویژگی‌های Flex Item
• 98. استفاده از CSS Grid برای طرح‌بندی
• 99. مفاهیم اصلی Grid (container, items, tracks, cells)
• 100. ویژگی‌های Grid Container