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

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

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

عنوان دوره: دوره CSS for Creative Pursuits

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

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

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

• 1. CSS چیست و چرا اهمیت دارد
• 2. تاریخچه CSS
• 3. CSS در مقابل HTML
• 4. ساختار اولیه CSS
• 5. نحوه ارتباط CSS با HTML (Inline, Internal, External)
• 6. انتخابگرهای اساسی (Basic Selectors)
• 7. انتخابگرهای کلاس (Class Selectors)
• 8. انتخابگرهای ID (ID Selectors)
• 9. انتخابگرهای تگ (Tag Selectors)
• 10. انتخابگرهای ترکیبی (Combinators)
• 11. انتخابگرهای صفات (Attribute Selectors)
• 12. انتخابگرهای عمومی (Universal Selector)
• 13. انتخابگرهای شبه کلاس (Pseudo-classes)
• 14. انتخابگرهای شبه المان (Pseudo-elements)
• 15. مقداردهی اولیه به خصوصیات CSS (Initial Values)
• 16. مقادیر و واحدها در CSS (Values and Units)
• 17. واحدها: پیکسل (px)
• 18. واحدها: درصد (%)
• 19. واحدها: em و rem
• 20. واحدها: vw و vh
• 21. واحدها: pt, pc, cm, mm, in
• 22. واحدها: ch, ex
• 23. واحدها: calc()
• 24. رنگ‌ها در CSS (Colors)
• 25. نام رنگ‌ها (Color Names)
• 26. مقادیر هگزادسیمال (Hexadecimal Values)
• 27. مقادیر RGB (RGB Values)
• 28. مقادیر RGBA (RGBA Values)
• 29. مقادیر HSL (HSL Values)
• 30. مقادیر HSLA (HSLA Values)
• 31. خصوصیت background-color
• 32. خصوصیت color
• 33. خصوصیت opacity
• 34. مدیریت پس‌زمینه (Background Management)
• 35. خصوصیت background-image
• 36. خصوصیت background-repeat
• 37. خصوصیت background-position
• 38. خصوصیت background-attachment
• 39. خصوصیت background-size
• 40. خصوصیت shorthand background
• 41. مدیریت متن (Text Management)
• 42. خصوصیت font-family
• 43. خصوصیت font-size
• 44. خصوصیت font-weight
• 45. خصوصیت font-style
• 46. خصوصیت text-decoration
• 47. خصوصیت text-align
• 48. خصوصیت line-height
• 49. خصوصیت letter-spacing
• 50. خصوصیت word-spacing
• 51. خصوصیت text-transform
• 52. خصوصیت text-shadow
• 53. مدیریت باکس مدل (Box Model)
• 54. عرض (width) و ارتفاع (height)
• 55. padding
• 56. border (سبک، عرض، رنگ)
• 57. margin
• 58. خصوصیت box-sizing (content-box vs border-box)
• 59. نمایش المان‌ها (Display Property)
• 60. display: block
• 61. display: inline
• 62. display: inline-block
• 63. display: none
• 64. display: flex
• 65. display: grid
• 66. خصوصیت position
• 67. position: static
• 68. position: relative
• 69. position: absolute
• 70. position: fixed
• 71. position: sticky
• 72. خصوصیت z-index
• 73. شناور کردن المان‌ها (Floats)
• 74. float: left
• 75. float: right
• 76. float: none
• 77. روش‌های پاکسازی float (Clearfix)
• 78. مدیریت طرح‌بندی (Layout Management)
• 79. CSS Grid Layout - مقدمه
• 80. CSS Grid Layout - ساختار کلی
• 81. CSS Grid Layout - نواحی (Areas)
• 82. CSS Grid Layout - ردیف‌ها (Rows) و ستون‌ها (Columns)
• 83. CSS Grid Layout - تراز کردن (Alignment)
• 84. CSS Flexbox - مقدمه
• 85. CSS Flexbox - خصوصیات نگهدارنده (Container Properties)
• 86. CSS Flexbox - خصوصیات آیتم (Item Properties)
• 87. CSS Flexbox - تراز کردن (Alignment)
• 88. مدیریت فهرست‌ها (List Management)
• 89. خصوصیت list-style-type
• 90. خصوصیت list-style-position
• 91. خصوصیت list-style-image
• 92. خصوصیت shorthand list-style
• 93. مدیریت جداول (Table Management)
• 94. خصوصیت border-collapse
• 95. خصوصیت border-spacing
• 96. خصوصیت caption-side
• 97. مدیریت فرم‌ها (Form Management)
• 98. استایل‌دهی به input, textarea, select
• 99. استایل‌دهی به دکمه‌ها
• 100. استایل‌دهی به برچسب‌ها (Labels)