✨ خصم يصل إلى ٢٥٪ على أربع دورات، لأربعة عشر يوماً فقط. سجّل اسمك الآن ونُنبّهك أوّل ما يفتح — قبل أن تمتلئ المقاعد.
كتاب تفاعلي من مكتبة قطوف

CSS — أسرار التصميم

كيف تحول الصفحات المملة إلى لوحات فنية

بنيتَ الهيكل بـ HTML. الآن ستمنحه شكلًا وإحساسًا. ما الذي يفعله CSS بالضبط؟ لغة HTML تقول للمتصفح ما هذا: عنوان، فقرة، صورة. وCSS تقول له كيف يبدو: لونه، حجمه، مكانه، وكيف يتحرك.

21فصلاً
20فيها تجربة حيّة
4مفتوحة مجاناً
اقرأ 4 فصول مجاناً

الاشتراك المبكر يبقى محفوظاً لك: تجدّد بنفس السعر الذي اشتركت به مهما ارتفع لاحقاً — والمكتبة تكبر ولا يكبر سعرك.

ما في الكتاب

الفصول الأولى مفتوحة بلا حساب. والباقي بالكتاب أو باشتراك المكتبة.

  1. 1 ابدأ من هنا مجاني
  2. 2 الدرس 1: كيف تصل CSS إلى الصفحة مجاني
  3. 3 الدرس 2: المحدِّدات مجاني
  4. 4 الدرس 3: مَن يفوز؟ الأولوية مجاني
  5. 5 الدرس 4: الوحدات مقفول
  6. 6 الدرس 5: الألوان والتدرّجات مقفول
  7. 7 الدرس 6: صندوق كل عنصر مقفول
  8. 8 الدرس 7: النصوص والخطوط العربية مقفول
  9. 9 الدرس 8: القياسات والفيض مقفول
  10. 10 الدرس 9: display — طبيعة العنصر مقفول
  11. 11 الدرس 10: Flexbox مقفول
  12. 12 الدرس 11: Grid مقفول
  13. 13 الدرس 12: position و z-index مقفول
  14. 14 الدرس 13: الحدود والزوايا والظلال مقفول
  15. 15 الدرس 14: transform و transition مقفول
  16. 16 الدرس 15: الحركات @keyframes مقفول
  17. 17 الدرس 16: المتغيّرات والوضع الليلي مقفول
  18. 18 الدرس 17: التصميم المتجاوب مقفول
  19. 19 الدرس 18: الحالات والعناصر الزائفة مقفول
  20. 20 المشروع 1: بطاقة منتج مقفول
  21. 21 المشروع 2: صفحة هبوط متجاوبة مقفول

أسئلة قبل أن تقرّر

هل أحتاج تثبيت برنامج لأقرأ هذا الكتاب؟

لا. الكتاب يُقرأ في المتصفّح على الجوال أو الحاسوب، والتجارب والمختبرات تعمل داخل الصفحة نفسها بلا تنزيل ولا تثبيت.

كم فصلاً أقرؤه مجاناً قبل أن أقرّر؟

أوّل 4 فصول مفتوحة لأي زائر بلا حساب. الباقي (17 فصلاً) يُفتح بشراء الكتاب أو باشتراك المكتبة.

ما الفرق بين شراء الكتاب والاشتراك في المكتبة؟

شراء الكتاب ملكية دائمة لهذا الكتاب وحده. واشتراك المكتبة يفتح كل كتب مكتبة قطوف الحاليّة وكل كتاب يُضاف خلال مدّتك، ومن اشترك مبكراً يجدّد بنفس سعره مهما ارتفع لاحقاً.

هل الكتاب بالعربية؟

نعم، مكتوب بالعربية من أوّله إلى آخره، بأمثلة عربية، والمصطلحات التقنية تُذكر بالإنجليزية بجانب معناها.

قرأتَ الفصول المفتوحة؟

الكتاب وحده 19 $ ملكيةً دائمة، أو المكتبة كلّها بالاشتراك — ومعها كل كتاب يُضاف خلال مدّتك.

خيارات الاشتراك