فلش‌کارت‌های آموزشی CSS for Learning and Development

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب CSS for Learning and Development

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه و تاریخچه CSS
• 2. CSS چیست و چرا مهم است
• 3. نسخه‌های CSS و تکامل آن
• 4. ابزارهای مورد نیاز برای یادگیری CSS
• 5. راه‌اندازی محیط توسعه (IDE/Editor)
• 6. اولین قانون CSS
• 7. انتخابگرها (Selectors) - مبانی
• 8. انتخابگرهای نوع (Type Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای شناسه (ID Selectors)
• 11. انتخابگرهای جهانی (Universal Selector)
• 12. گروه‌بندی انتخابگرها
• 13. نحو (Syntax) CSS
• 14. خاصیت‌ها (Properties) و مقادیر (Values)
• 15. واحدها در CSS (Units) - پیکسل، درصد، em، rem
• 16. واحدها در CSS - vw، vh، cm، mm، in
• 17. واحدها در CSS - pt، pc
• 18. قوانین CSS و اولویت‌بندی (Specificity)
• 19. وراثت (Inheritance) در CSS
• 20. انواع مدل‌های جعبه‌ای (Box Model)
• 21. خاصیت width و height
• 22. خاصیت padding
• 23. خاصیت border (ضخامت، سبک، رنگ)
• 24. خاصیت margin
• 25. خاصیت box-sizing (content-box vs border-box)
• 26. رنگ‌ها در CSS (نام‌ها، کد هگزادسیمال، RGB، RGBA)
• 27. رنگ‌ها در CSS - HSL، HSLA
• 28. شفافیت (Opacity)
• 29. پس‌زمینه‌ها (Backgrounds) - background-color
• 30. پس‌زمینه‌ها - background-image
• 31. پس‌زمینه‌ها - background-repeat
• 32. پس‌زمینه‌ها - background-position
• 33. پس‌زمینه‌ها - background-attachment
• 34. پس‌زمینه‌ها - background-size
• 35. پس‌زمینه‌های ترکیبی (Shorthand background)
• 36. فونت‌ها (Fonts) - font-family
• 37. فونت‌ها - font-size
• 38. فونت‌ها - font-weight
• 39. فونت‌ها - font-style
• 40. فونت‌ها - font-variant
• 41. فونت‌ها - line-height
• 42. فونت‌ها - text-align
• 43. فونت‌ها - text-decoration
• 44. فونت‌ها - text-transform
• 45. فونت‌ها - letter-spacing
• 46. فونت‌ها - word-spacing
• 47. فونت‌ها - text-shadow
• 48. کار با فونت‌های گوگل (Google Fonts)
• 49. فونت‌های سفارشی (Custom Fonts) - @font-face
• 50. نمایش (Display) - block, inline, inline-block
• 51. نمایش - none, flex, grid
• 52. ایجاد چیدمان (Layout) با Flexbox - مبانی
• 53. Flex Container و Flex Items
• 54. خاصیت display: flex
• 55. خاصیت flex-direction
• 56. خاصیت flex-wrap
• 57. خاصیت justify-content
• 58. خاصیت align-items
• 59. خاصیت align-content
• 60. خاصیت order
• 61. خاصیت flex-grow، flex-shrink، flex-basis
• 62. flex shorthand
• 63. ایجاد چیدمان با Grid Layout - مبانی
• 64. Grid Container و Grid Items
• 65. خاصیت display: grid
• 66. خاصیت grid-template-columns
• 67. خاصیت grid-template-rows
• 68. خاصیت grid-gap
• 69. خاصیت justify-items، align-items
• 70. خاصیت justify-content، align-content
• 71. خاصیت grid-column، grid-row
• 72. خاصیت grid-area
• 73. Grid Shorthand
• 74. چیدمان‌های پیچیده با Flexbox و Grid
• 75. موقعیت‌دهی (Positioning) - static, relative, absolute
• 76. موقعیت‌دهی - fixed, sticky
• 77. خاصیت top, bottom, left, right
• 78. خاصیت z-index
• 79. فلوت (Float) و پاکسازی فلوت (Clearfix)
• 80. خاصیت overflow
• 81. ایجاد چیدمان با ستون‌ها (Multi-column Layout)
• 82. پاسخگویی (Responsiveness) - مقدمه
• 83. Viewport Meta Tag
• 84. Media Queries - مبانی
• 85. Media Queries - انتخابگرهای عرض (width)
• 86. Media Queries - انتخابگرهای ارتفاع (height)
• 87. Media Queries - انتخابگرهای جهت (orientation)
• 88. Media Queries - انتخابگرهای رزولوشن (resolution)
• 89. Media Queries - Device Width vs. Window Width
• 90. استراتژی‌های طراحی واکنش‌گرا (Responsive Design Strategies)
• 91. Mobile-First vs. Desktop-First
• 92. واحدها و اندازه‌گیری‌های واکنش‌گرا (Responsive Units)
• 93. تصاویر واکنش‌گرا (Responsive Images)
• 94. Pseudo-classes - :hover, :focus, :active
• 95. Pseudo-classes - :first-child, :last-child, :nth-child
• 96. Pseudo-classes - :link, :visited
• 97. Pseudo-elements - ::before, ::after
• 98. Pseudo-elements - ::first-letter, ::first-line
• 99. انتقال‌ها (Transitions) - مبانی
• 100. خاصیت transition-property