اپلیکیشن اندرویدی فلش‌کارت آموزشی CSS for Interior Design

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

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

عنوان کتاب: کتاب CSS for Interior Design

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

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

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

• 1. مبانی CSS
• 2. مقدمه ای بر CSS
• 3. چرا CSS برای طراحی داخلی مهم است؟
• 4. انواع CSS (Inline, Internal, External)
• 5. سینتکس CSS
• 6. انتخابگرها (Selectors)
• 7. انواع انتخابگرها (Element, Class, ID, Attribute, Pseudo-class, Pseudo-element)
• 8. نحوه ترکیب انتخابگرها
• 9. اهمیت ترتیب انتخابگرها
• 10. اولویت بندی (Specificity)
• 11. قوانین ارث بری (Inheritance)
• 12. واحدها در CSS (px, em, rem, %, vw, vh)
• 13. رنگ ها در CSS (نام رنگ، Hex، RGB، RGBA، HSL، HSLA)
• 14. پس زمینه (Background)
• 15. خاصیت background-color
• 16. خاصیت background-image
• 17. خاصیت background-repeat
• 18. خاصیت background-position
• 19. خاصیت background-size
• 20. خاصیت background-attachment
• 21. ترکیب خواص پس زمینه
• 22. مدیریت فونت ها
• 23. خاصیت font-family
• 24. خاصیت font-size
• 25. خاصیت font-weight
• 26. خاصیت font-style
• 27. خاصیت line-height
• 28. استفاده از فونت های سفارشی (Google Fonts)
• 29. مدیریت متن
• 30. خاصیت text-align
• 31. خاصیت text-decoration
• 32. خاصیت text-transform
• 33. خاصیت letter-spacing
• 34. خاصیت word-spacing
• 35. خاصیت text-indent
• 36. خاصیت white-space
• 37. خاصیت text-overflow
• 38. مدیریت باکس مدل (Box Model)
• 39. مفهوم Box Model
• 40. خاصیت width و height
• 41. خاصیت padding
• 42. خاصیت border (border-width, border-style, border-color)
• 43. خاصیت margin
• 44. خاصیت box-sizing
• 45. مدیریت نمایش (Display)
• 46. خاصیت display: block
• 47. خاصیت display: inline
• 48. خاصیت display: inline-block
• 49. خاصیت display: none
• 50. خاصیت display: flex
• 51. خاصیت display: grid
• 52. مفهوم Flexbox
• 53. مقدمه ای بر Flexbox
• 54. خاصیت display: flex
• 55. خواص والد Flexbox (flex-direction, justify-content, align-items, flex-wrap, align-content)
• 56. خواص فرزند Flexbox (flex-grow, flex-shrink, flex-basis, flex, order, align-self)
• 57. سناریوهای کاربردی Flexbox در طراحی داخلی
• 58. مفهوم Grid Layout
• 59. مقدمه ای بر Grid Layout
• 60. خاصیت display: grid
• 61. خواص والد Grid (grid-template-columns, grid-template-rows, grid-template-areas, gap)
• 62. خواص فرزند Grid (grid-column, grid-row, grid-area)
• 63. تعیین ابعاد و چیدمان در Grid
• 64. هم ترازی در Grid
• 65. سناریوهای کاربردی Grid در طراحی داخلی
• 66. مدیریت موقعیت (Positioning)
• 67. خاصیت position: static
• 68. خاصیت position: relative
• 69. خاصیت position: absolute
• 70. خاصیت position: fixed
• 71. خاصیت position: sticky
• 72. خواص top, right, bottom, left
• 73. خاصیت z-index
• 74. مدیریت ابعاد و اندازه
• 75. واحد های نسبی (em, rem)
• 76. واحد های viewport (vw, vh)
• 77. خاصیت min-width, max-width
• 78. خاصیت min-height, max-height
• 79. خاصیت aspect-ratio
• 80. مدیریت طرح بندی (Layout)
• 81. float و clear
• 82. column-count و column-width
• 83. مدیریت عناصر شناور (Floats)
• 84. مدیریت ستون ها (Columns)
• 85. مدیریت فضاهای خالی (Spacing)
• 86. خاصیت margin و padding پیشرفته
• 87. استفاده از unit های نسبی برای spacing
• 88. مدیریت تصاویر
• 89. خاصیت width و height برای تصاویر
• 90. object-fit و object-position
• 91. background-image برای تصاویر
• 92. استفاده از SVG در طراحی داخلی
• 93. مدیریت ویدئو
• 94. استفاده از ویدئو به عنوان پس زمینه
• 95. کنترل پخش ویدئو با CSS (محدود)
• 96. مدیریت انیمیشن ها
• 97. مقدمه ای بر انیمیشن ها
• 98. خاصیت animation-name
• 99. خاصیت animation-duration
• 100. خاصیت animation-timing-function