فلش‌کارت‌های آموزشی اولین گام‌ها در طراحی وب با CSS

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

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

عنوان کتاب: کتاب اولین گام‌ها در طراحی وب با CSS

موضوع کلی: یادگیری سریع و کاربردی CSS

موضوع میانی: اصول و کاربردهای CSS

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

• 1. مقدمه ای بر CSS
• 2. چرا CSS مهم است
• 3. CSS چیست
• 4. تاریخچه مختصر CSS
• 5. تفاوت HTML و CSS
• 6. نصب ابزارهای لازم
• 7. مرورگرهای وب
• 8. ویرایشگرهای کد
• 9. ساختار یک فایل CSS
• 10. نحوه اتصال CSS به HTML
• 11. سبک های داخلی، خارجی و درون خطی
• 12. انتخابگرها در CSS
• 13. انتخابگرهای عمومی
• 14. انتخابگرهای کلاس
• 15. انتخابگرهای شناسه
• 16. انتخابگرهای عنصر
• 17. انتخابگرهای صفات
• 18. انتخابگرهای ترکیبی
• 19. انتخابگرهای گروهی
• 20. انتخابگرهای فرزند
• 21. انتخابگرهای خواهر و برادر
• 22. خاصیت ها در CSS
• 23. واحدها و مقادیر
• 24. واحد های طول (px, em, rem, %)
• 25. واحد های زاویه (deg, rad)
• 26. واحد های زمان (s, ms)
• 27. رنگ ها (نام رنگ، کد هگز، RGB، HSL)
• 28. پس زمینه ها
• 29. پس زمینه رنگ
• 30. پس زمینه تصویر
• 31. تکرار تصویر پس زمینه
• 32. موقعیت تصویر پس زمینه
• 33. اندازه تصویر پس زمینه
• 34. ضمیمه تصویر پس زمینه
• 35. حاشیه ها (Margins)
• 36. حاشیه ها بالا، راست، پایین، چپ
• 37. حاشیه خودکار
• 38. پر کردن (Padding)
• 39. پر کردن بالا، راست، پایین، چپ
• 40. کادربندی (Borders)
• 41. عرض کادر
• 42. نوع کادر
• 43. رنگ کادر
• 44. کادرهای گرد (Border-radius)
• 45. جعبه مدل (Box Model)
• 46. توضیح جعبه مدل
• 47. تاثیر حاشیه، پر کردن و کادر بر اندازه
• 48. عرض و ارتفاع عنصر
• 49. حالت نمایش (Display)
• 50. display: block
• 51. display: inline
• 52. display: inline-block
• 53. display: none
• 54. display: flex
• 55. display: grid
• 56. متن در CSS
• 57. فونت ها
• 58. فونت خانواده
• 59. فونت اندازه
• 60. فونت وزن
• 61. فونت سبک
• 62. فونت تزیین
• 63. فونت کرسی
• 64. تراز متن
• 65. فاصله بین خطوط
• 66. فاصله بین کلمات
• 67. فاصله بین حروف
• 68. تبدیل حروف
• 69. جهت متن
• 70. رنگ متن
• 71. لیست ها
• 72. سبک نشانگر لیست
• 73. موقعیت نشانگر لیست
• 74. پس زمینه لیست
• 75. تصویر لیست
• 76. جدول ها
• 77. حاشیه جدول
• 78. عرض جدول
• 79. تراز محتوای سلول
• 80. تراز سرتیتر جدول
• 81. طول و عرض سلول
• 82. پس زمینه سلول
• 83. کادربندی سلول
• 84. لینک ها
• 85. رنگ لینک
• 86. تزیین لینک
• 87. پس زمینه لینک
• 88. حالت های لینک (hover, active, visited)
• 89. تصاویر
• 90. عرض و ارتفاع تصویر
• 91. حاشیه تصویر
• 92. پر کردن تصویر
• 93. حاشیه گرد تصویر
• 94. کادربندی تصویر
• 95. شفافیت تصویر
• 96. فیلترهای تصویر
• 97. فلوت (Float)
• 98. float: left
• 99. float: right
• 100. float: none