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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. تاریخچه CSS و تحولات آن
• 3. تفاوت CSS با HTML و JavaScript
• 4. محیط توسعه CSS (ویرایشگر کد، مرورگر)
• 5. نصب و پیکربندی ابزارهای توسعه دهنده مرورگر
• 6. اولین قوانین CSS: انتخابگرهای پایه (تگ، کلاس، آیدی)
• 7. انتخابگرهای کلاس و کاربرد آنها
• 8. انتخابگرهای آیدی و محدودیت های آنها
• 9. انتخابگرهای تگ (عنصر) و نحوه استفاده
• 10. انتخابگرهای عمومی (Universal Selector)
• 11. ترکیب انتخابگرها (Selector Combinations)
• 12. انتخابگرهای فرزند (Child Combinator)
• 13. انتخابگرهای برادر (Adjacent Sibling Combinator)
• 14. انتخابگرهای برادر عمومی (General Sibling Combinator)
• 15. انتخابگرهای صفتی (Attribute Selectors)
• 16. انتخابگرهای خاصیت وجود دارد (Attribute Exists Selector)
• 17. انتخابگرهای خاصیت با مقدار دقیق (Attribute Equals Selector)
• 18. انتخابگرهای خاصیت با مقدار شروع شده (Attribute Starts With Selector)
• 19. انتخابگرهای خاصیت با مقدار پایان یافته (Attribute Ends With Selector)
• 20. انتخابگرهای خاصیت با مقدار حاوی (Attribute Contains Selector)
• 21. مقدمه ای بر اولویت بندی (Specificity) در CSS
• 22. محاسبه امتیاز اولویت بندی (Specificity Calculation)
• 23. قانون !important و تأثیر آن بر اولویت بندی
• 24. انتقال CSS به HTML (Inline, Internal, External)
• 25. روش Internal CSS و کاربرد آن
• 26. روش External CSS و مزایای آن
• 27. ساختار فایل های CSS خارجی
• 28. مفهوم Cascading در CSS
• 29. قوانین مربوط به وراثت (Inheritance) در CSS
• 30. تأثیر وراثت بر خصوصیات متنی
• 31. تأثیر وراثت بر خصوصیات جعبه ای (Box Model)
• 32. خاصیت color و تنظیم رنگ متن
• 33. کدهای هگزادسیمال برای رنگ ها (Hexadecimal Colors)
• 34. کدهای RGB برای رنگ ها (RGB Colors)
• 35. کدهای RGBA برای رنگ های شفاف (RGBA Colors)
• 36. کدهای HSL برای رنگ ها (HSL Colors)
• 37. کدهای HSLA برای رنگ های شفاف (HSLA Colors)
• 38. نام گذاری رنگ ها (Named Colors)
• 39. خاصیت background-color و تنظیم رنگ پس زمینه
• 40. تنظیم فونت متن (font-family)
• 41. فونت های وب (Web Fonts) و نحوه استفاده از آنها
• 42. تنظیم اندازه فونت (font-size)
• 43. واحد های اندازه گیری فونت (px, em, rem, vw, vh)
• 44. تنظیم وزن فونت (font-weight)
• 45. تنظیم سبک فونت (font-style)
• 46. تنظیم خطوط تزئینی متن (text-decoration)
• 47. خاصیت text-decoration-line
• 48. خاصیت text-decoration-color
• 49. خاصیت text-decoration-style
• 50. خاصیت text-decoration-thickness
• 51. تنظیم فاصله بین حروف (letter-spacing)
• 52. تنظیم فاصله بین کلمات (word-spacing)
• 53. تنظیم تراز متن (text-align)
• 54. تنظیم تورفتگی متن (text-indent)
• 55. تنظیم ارتفاع خط (line-height)
• 56. تنظیم سایه متن (text-shadow)
• 57. مفهوم Box Model در CSS
• 58. خاصیت width و height
• 59. محتوا (Content) در Box Model
• 60. حاشیه داخلی (Padding) در Box Model
• 61. حاشیه خارجی (Margin) در Box Model
• 62. کادر (Border) در Box Model
• 63. خاصیت border-width
• 64. خاصیت border-style
• 65. خاصیت border-color
• 66. تنظیمات مختصری برای تمام جهات (border, margin, padding)
• 67. تنظیمات مختصری برای جهات خاص (margin-top, padding-left, etc.)
• 68. خاصیت box-sizing (content-box vs border-box)
• 69. اندازه گیری و نمایش تصاویر
• 70. خاصیت max-width و max-height برای تصاویر
• 71. مفهوم Overlapping و نحوه کنترل آن
• 72. خاصیت overflow (visible, hidden, scroll, auto)
• 73. خاصیت clip
• 74. تنظیم لیست ها (Lists)
• 75. خاصیت list-style-type
• 76. خاصیت list-style-image
• 77. خاصیت list-style-position
• 78. ترکیب خصوصیات لیست (list-style)
• 79. استفاده از CSS برای طراحی جداول
• 80. استایل دهی به سلول های جدول (td, th)
• 81. استایل دهی به ردیف های جدول (tr)
• 82. استایل دهی به بدنه جدول (tbody, thead, tfoot)
• 83. استایل دهی به کل جدول (table)
• 84. استایل دهی به اطلاعات گمراه کننده (caption)
• 85. مفهوم Display Properties
• 86. مقادیر display: block, inline, inline-block
• 87. مقادیر display: none, flex, grid
• 88. مفهوم Flexbox برای چیدمان (Layout)
• 89. مفهوم Grid برای چیدمان (Layout)
• 90. تنظیمات Flex Container (display: flex)
• 91. تنظیمات Flex Items (flex-grow, flex-shrink, flex-basis)
• 92. تنظیمات Flex Container (flex-direction, flex-wrap)
• 93. تنظیمات Flex Container (justify-content, align-items, align-content)
• 94. مقدمه ای بر CSS Grid Layout
• 95. تعریف Grid Container
• 96. تعریف Grid Items
• 97. Grid Template Columns
• 98. Grid Template Rows
• 99. Grid Gap (column-gap, row-gap)
• 100. Grid Area