G مجموعة أدوات واحدة،
لكل مهمة تصميم

مولد شبكة CSS

أنشئ تخطيطات CSS Grid بصريًا مع معاينة في الوقت الفعلي.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

G مولد شبكة CSS

كيفية استخدام مولد شبكة CSS

يتيح لك CSS Grid Generator إنشاء تخطيطات CSS Grid بشكل مرئي دون كتابة تعليمات برمجية. استخدم أشرطة التمرير لتعيين عدد الأعمدة والصفوف، وضبط الفجوة بين الخلايا، وانسخ كود CSS الكامل على الفور للصقه في مشروعك.

يعد CSS Grid أقوى نظام تخطيط في CSS. فهو يتعامل مع كل من الصفوف والأعمدة في وقت واحد، مما يجعله مثاليًا لهياكل الصفحات المعقدة وشبكات البطاقات والتصميمات سريعة الاستجابة.

Pro Tips

Frequently Asked Questions

Q: ما الفرق بين CSS Grid وFlexbox؟ تم تصميم
ما الفرق بين CSS Grid وFlexbox؟ تم تصميم الشبكة للتخطيطات ثنائية الأبعاد (الصفوف والأعمدة). تم تصميم Flexbox للتخطيطات أحادية البعد (صف أو عمود). استخدم Grid لبنية الصفحة، وFlexbox لمحاذاة المكونات.
Q: كيف أجعل شبكتي تستجيب؟ استخدم CSS الذي ت
كيف أجعل شبكتي تستجيب؟ استخدم CSS الذي تم إنشاؤه كنقطة بداية وأضف استعلامات @media لتغيير عدد الأعمدة عند نقاط توقف مختلفة.
Q: هل يمكنني استخدام CSS Grid في الإنتاج؟ ن
هل يمكنني استخدام CSS Grid في الإنتاج؟ نعم. يتم دعم CSS Grid في جميع المتصفحات الحديثة منذ عام 2017. ويحظى بدعم عالمي للمتصفحات بنسبة 96%.
Q: ماذا يعني 1fr؟ fr يعني الكسر. 1fr يعني ج
ماذا يعني 1fr؟ fr يعني الكسر. 1fr يعني جزء واحد من المساحة المتوفرة. إذا كان لديك ثلاثة أعمدة تم ضبط كل منها على 1fr، فإنها تقسم المساحة بالتساوي.
Q: هل يمكنني تداخل الشبكات داخل الشبكات؟ نع
هل يمكنني تداخل الشبكات داخل الشبكات؟ نعم، يمكن لعناصر الشبكة أن تصبح حاويات شبكية بنفسها. قم بإنشاء شبكة الصفحة الرئيسية، ثم استخدم الشبكات المتداخلة للأقسام الفردية مثل الشريط الجانبي أو منطقة المحتوى.

ألوان الفن الإسلامي

من اللازوردي إلى الفيروزي، تستمد الألوان الإسلامية من الزخارف الهندسية والفسيفساء والمخطوطات. لوحة غنية تجمع بين عمق الأصباغ الطبيعية وروحانية المساحات المقدسة.

لازوردي #26619C

لون حجر اللازورد المستخدم في الزخارف والمخطوطات

فيروزي #40D0C0

لون القيشاني الفارسي وقباب المساجد

زمردي #50C878

أخضر الزمرد في الزخارف النباتية

ذهبي #D4AF37

ذهب التذهيب في المخطوطات والقباب

نيلي #4B0082

صبغة النيلة التقليدية في المنسوجات

قرمزي #DC143C

الأحمر القاني في السجاد الشرقي

عاجي #FFFFF0

لون العاج في المنحوتات والأعمال اليدوية

كحلي #000080

الأزرق الداكن في الأزياء التقليدية

بنفسجي #800080

لون أزهار البنفسج في الحدائق الأندلسية

رملي #C2B280

لون رمال الصحراء والعمارة الطينية

Q: ما هي ألوان الزخرفة الإسلامية؟
ما هي ألوان الزخرفة الإسلامية؟ تعتمد الزخرفة الإسلامية على اللازوردي والفيروزي والذهبي بشكل أساسي، مستوحاة من أحجار كريمة كاللازورد والفيروز، وتظهر في الفسيفساء والقيشاني والمخطوطات المذهبة.
Q: ما هو اللون اللازوردي؟ اللازور
ما هو اللون اللازوردي؟ اللازوردي (#26619C) هو أزرق مستمد من حجر اللازورد الأفغاني، استخدم في تلوين المخطوطات والزخارف الإسلامية لقرون، وكان من أغلى الأصباغ في التاريخ.