CSS هو ثاني أهم شيء يمكنك إتقانه عندما يتعلق الأمر بتصميم الويب ، بعد HTML مباشرةً.

وقد تكون إمكانيات CSS مذهلة (خاصة مع معيار CSS3 الجديد الذي يظهر بالفعل في بعض المتصفحات).

إذا تمكنت من تخيل ذلك ، فمن المحتمل أن يكون شخص ما قد توصل بالفعل إلى كيفية القيام بذلك باستخدام CSS.

يوجد أدناه أكثر من 250 موردًا لإتقان CSS . على الرغم من أنه من غير المحتمل أن يجعلها أقل روعة ، إلا أنها يمكن أن تساعدك على إتقان التقنيات التي ستساعد على وضع تصاميمك بعيدًا عن الحشد.

CSS3 الموارد

30 Essential CSS3 Resources - تقرير عن ثلاثين من البرامج التعليمية والنصائح والموارد الأخرى لما هو جديد في CSS3.

20 موارد مفيدة للتعلم حول CSS3 - مجموعة كبيرة من دروس CSS3.

CSS3 مطلقًا - نصائح وخدع وتقنيات - تجميع ضخم من موارد CSS3 موزعة حسب الفئة.

20 دروس CSS3 مفيدة جدا - متهدمة أخرى من الدروس الجيدة لتعلم قدرات جديدة من CSS3.

CSS3 وظائف وميزات مثيرة: 30+ دروس مفيدة - أكثر من ثلاثين برنامجًا تعليميًا لتعلم استخدام بعض الميزات الجديدة الأكثر إثارة للاهتمام في CSS3.

المراجع و Cheatsheets

فهرس خصائص CSS - قائمة أبجدية لكل خاصية CSS.


أوراق الأنماط المتتالية المستوى 2 مراجعة 1 - هذه هي المواصفات الرسمية لـ CSS 2.1 من World Wide Web Consortium.

دليل مختصرة CSS - غشاش تغطي تنسيقات اختصار CSS الأساسية.

المغلق الغش ورقة - ورقتان للغش من About.com - واحد أساسي وواحد لتخطيطات CSS.

Listamatic - يقدم هذا الموقع أمثلة عن كيفية استخدام CSS لإنشاء أنماط قائمة مختلفة جذريًا.

دليل المبتدئين من مصمم CSS - هذه قائمة موارد ضخمة للمبتدئين في CSS.


المغلق: الحصول على عادات جيدة الترميز - تقدم هذه المقالة بعض أفضل الممارسات لتشفير CSS الخاص بك.

5 نصائح لتنظيم CSS الخاص بك - تقدم هذه المقالة خمس طرق مفيدة للغاية للحفاظ على تنظيم أوراق الأنماط بشكل أفضل (وبالتالي ، أسهل في وقت لاحق للتحرير).

بلدي 5 CSS نصائح - مجموعة من خمس نصائح بسيطة لإنشاء CSS أفضل.

لعب لطيف مع أطفال CSS أخرى - دليل لكتابة CSS قابل للصيانة.

صرير نظيف CSS - دليل آخر لإنشاء CSS مبسط وقابل للحفظ.


وضع المراوغات ووضع صارم - دليل لوضع المراوغات ووضع صارم في المتصفحات الحديثة.

أساسيات CSS - دليل كامل على الإنترنت لتشفير CSS في شكل كتاب.

CSS Cheat Sheet (V2) - مرجع CSS لصفحة واحدة يسرد جميع محددات CSS 2.1.

هل سيقوم المتصفح بتطبيق القاعدة (القواعد)؟ - مخطط يعرض اختيارات وقواعد CSS مدعومة في المتصفحات.

خصائص CSS لتحويل جافاسكريبت - مخطط مفيد للغاية لرؤية تحويلات خصائص CSS إلى مراجع JavaScript.


CSS Cheatsheet - دليل مرجعي سريع من صفحتين لـ CSS2.

CSS الأساسية: الجزء الأول - دليل مرجعي مؤلف من 6 صفحات لعناصر CSS الأساسية من Refcardz.

ورقة الغش المغلق CSS (PDF) - ورقة مرجعية لصيغة اختزال CSS.

ورقة تعليمات GoSquared CSS (PDF) - دليل مرجعي سريع لأساسيات CSS.

استخدام CSS (أوراق الأنماط المتتالية) - دليل أساسي إلى CSS ، بما في ذلك فوائد استخدام CSS.


5 طرق للكتابة على الفور أفضل CSS - بعض النصائح لكتابة CSS جيدة وكفاءة وفعّالية.

تحسين هيكل موقعك الإلكتروني للطباعة باستخدام CSS - دليل لإنشاء أوراق أنماط للطباعة.

PrintStylesheets - دليل آخر لإنشاء أوراق أنماط الطباعة.

طباعة CSS: تقنيات التباين ، والبرامج التعليمية ، وأفضل الممارسات - مجموعة كبيرة من موارد الطباعة CSS.

تقنيات قوية CSS لتشفير فعالة - مجموعة من تقنيات CSS والأفكار والحلول لتحسين تشفير CSS.


إعادة تعيين أنماط CSS الخاصة بك مع CSS إعادة تعيين - دليل كامل لإعادة الأنماط.

اتفاقية التسمية الهيكلية في CSS - مقالة حول تسمية العناصر بناء على ما هي عليه بدلاً من مكانه أو شكله.

تحسين إمكانية قراءة الأكواد باستخدام CSS Styleguides - مقالة تغطي خمسة تقنيات يمكنك استخدامها لجعل شفرتك أكثر قابلية للإصلاح والتحكم.

70 أفكار الخبراء للحصول على أفضل ترميز CSS - مجموعة من نصائح الخبراء لتحسين التعليمات البرمجية.

CSS Float Theory: أشياء يجب أن تعرفها - دليل لفهم العوامات في CSS.

أكمل دليل CSS - مورد ضخم يغطي تقريبا كل جزء من CSS.

التباين الطباعي والتدفق - مقالة توضح أساسيات إنشاء النوع الجيد مع وجود تباين طباعي كافٍ في CSS.

كيف لحجم النص في المغلق - دليل شامل لتغيير حجم النص في CSS.

خلق مثير الأنماط - دليل رائع لإنشاء أوراق أنماط أكثر نظافة وأفضل تنظيماً وأسهل للحفاظ عليها.

المغلق الغش ورقة - ورقة الغش CSS على شبكة الإنترنت كاملة جدا.


13 مبادئ التدريب من CSS كل شخص يجب أن يعرف - قائمة من اتفاقيات CSS الأساسية التي يجب أن تكون على دراية بها.

أمثلة ونصائح لتنسيق HTML / CSS الرائع - مجموعة كبيرة من النصائح لإنشاء CSS بشكل أفضل.

دليل الموارد - هذا هو دليل موارد CSS من CSS Zen Garden.

موارد CSS Vault - مجموعة كبيرة من الموارد لجميع أنواع تقنيات CSS والبرامج التعليمية والمزيد.

CSS الجمال - موقع يقدم أخبار CSS وموارده ومعرضًا.


CSS ورقة الغش: الوراثة ، تتالي ، خصوصية - دليل مرجعي سريع قابل للطباعة ترث إليه الخصائص (وتلك التي لا ترثها) ، وكيف يعمل التتالي ، وأسس الخصوصية.

الدليل المرجعي السريع CSS - صفحة تقدم جميع قياسات CSS الأساسية والخصائص والقيم والاختيارات وأنواع الوسائط.

باستخدام اختصارات CSS - دليل مرجعي لبعض الاختزال CSS الأساسية.

دليل مطور الويب - هذه مجموعة ضخمة من CSS والموارد الأخرى ، بما في ذلك واجهات العرض والأدوات والمزيد.

تصميم على الدايم: 100 Freebie CSS Resources - مجموعة كبيرة من موارد CSS ، بما في ذلك المقالات والبرامج التعليمية والتصميمات والمزيد.


15 خصائص CSS التي من المحتمل ألا تستخدمها أبدًا (لكن ربما يجب) - تغطي هذه المقالة خمسة عشر صفحة CSS غالبًا ما يتم تجاهلها والتي قد لا يعرفها العديد من المصممين.

10 مبادئ CSS الماجستير - مجموعة من المبادئ والإرشادات الرائعة من بعض أساتذة CSS.

خصوصية CSS: أشياء يجب أن تعرفها - دليل لخصوصية CSS ، أحد أصعب مفاهيم CSS لفهمه.

حل 5 صداع المغلق - دليل للتعامل مع قضايا CSS مثل علة ضعف الهامش IE6 وأساليب غير فعالة.

دروس وتقنيات

CSS من الألف إلى الياء - هذا برنامج تعليمي أساسي جدًا لبدء استخدام CSS الذي يرشدك خلال إنشاء أول صفحة ويب أساسية باستخدام CSS. يفترض أن الشخص الذي يمر عبر البرنامج التعليمي لديه معرفة قليلة أو معدومة حول كيفية ترميز موقع ويب وهو مورد رائع للمبتدئين.


تقنيات CSS لا يمكن أن تعيش بدون - هذه مجموعة ضخمة من تقنيات CSS لكل شيء بدءًا من القوائم وحتى أشكال طباعة أوراق الأنماط.

إس إس إس إسقاط الظلال - برنامج تعليمي حول كيفية إنشاء الظلال المسقطة على الصور باستخدام CSS.

برنامج CSS Crossfader التجريبي - هذا يوضح كيفية جعل تأثير الإبهات المتداخل رائعًا جدًا باستخدام Script.aculo.us و JavaScript و CSS.

Selectutorial - مختارات CSS - دليل أساسي إلى محددات CSS وكيفية عملها.

تقنيات التنقل في CSS - مجموعة من 37 تصاميم ملاحة مختلفة باستخدام CSS.


إرفاق أيقونات لأي شيء مع CSS - يعرض كيفية استخدام محددات CSS لإضافة رمز إلى أي جزء من HTML.

تقنيات CSS أنا استخدم كل الوقت - مجموعة من التقنيات CSS كريستيان مونتويا يجد قيمة للغاية.

CSS Techniques Roundup - 20 CSS Tips and Tricks - مجموعة من تقنيات CSS بما في ذلك الزوايا الدائرية والنوافذ المنبثقة لـ CSS.

CSS نصائح والخدع - مجموعة من تقنيات CSS الأساسية المفيدة.

ورقة الأنماط الرئيسية: تقنية CSS الأكثر فائدة - ورقة أنماط رئيسية تستخدم لمسح الإعدادات الافتراضية للمتصفح وإعادة تعيينها.


عينة تخطيطات صفحات CSS - مجموعة من الدروس التخطيطية خطوة بخطوة.

إظهار ارتباطات الارتباط التشعبي مع CSS - برنامج تعليمي سريع لإضافة رموز من نوع الارتباط باستخدام CSS متوافق مع IE7 و Safari و Firefox.

عشر الخدع CSS قد لا تعرف - يغطي نصائح مثل اختصار الخط CSS ، واستبدال الصور ، والمحاذاة العمودية مع CSS.

عشرة الخدع CSS أكثر قد لا تعرف - تغطي هذه المقالة عناصر مثل العناصر المضمنة مقابل العناصر المضمنة ، وتعيين الحد الأدنى لعرض الصفحة ، والنص غير المرئي.

تحويل قائمة إلى شريط التنقل - برنامج تعليمي رائع حول إنشاء شريط التنقل من قائمة نصب.


تحويل القوائم إلى الأشجار - كيفية إنشاء قائمة غير مرتبة متعددة المستويات في شكل مستند أو شجرة صفحات.

غير المدرجة قائمة معرض Rollover - كيفية إنشاء معرض للصور باستخدام قائمة غير مرتبة وتقنية التمرير.

إعادة بناء صفحة الويب مع CSS - كيفية إعادة إنشاء صفحة ويب باستخدام تخطيط CSS.

تنسيقات CSS المتقدمة: خطوة بخطوة - برنامج تعليمي خطوة بخطوة لإنشاء تخطيط متقدم ثلاثي الأعمدة.

إنشاء تخطيط CSS من سكراتش - دليل كامل لبناء موقع يستند إلى CSS من الألف إلى الياء.


نماذج العلامات و CSS - دليل لتشكيل التصميم باستخدام CSS.

دروس CSS - برنامج تعليمي كامل من W3Schools.

الأنماط - آخر مجموعة كاملة تعليمي CSS.

فقرة يتوهم مع المغلق - برنامج تعليمي لإنشاء تنسيقات فقرة متخصصة.

حتى المزيد من الزوايا الدائرية مع CSS - تقنية لإنشاء زوايا دائرية تدعم PNG وشفافية ألفا.


صورة واحدة متعددة استبدال - تقنية تستخدم صورة واحدة لاستبدال أكثر من عنوان واحد.

رابط الصورة المصغرة - برنامج تعليمي لإنشاء معاينة منبثقة للارتباط باستخدام JavaScript و CSS.

Uberlink CSS List القوائم - برنامج تعليمي لإنشاء شريط تنقل يتصرف مثل قائمة تبديل الصور ولكنه يستخدم صورتين فقط ويبرز الصفحة الحالية.

Iconize Textlinks مع المغلق - تقنية لإضافة نوع الملف والرموز الأخرى إلى روابطك.

كيفية إضافة متغيرات لملفات CSS الخاصة بك - دليل لتطبيق المتغيرات على CSS باستخدام إعادة كتابة عنوان URL الخاص بـ Apache و Apache.


15+ تقنيات وأدوات لتشفير CSS عبر المستعرض - تغطي هذه المقالة أكثر من 15 نصيحة لإنشاء شفرة CSS متوافقة عبر المتصفحات.

دليل تشفير CSS - برنامج تعليمي كامل لتقطيع ملفات التصميم الخاصة بك لإنشاء مواقع CSS و XHTML متوافقة مع المعايير.

CSS Centering - متعة للجميع! - دليل لتركيز CSS في التخطيطات ، بما في ذلك توسيط التخطيطات السائلة.

المواضع المطلقة داخل المواقع النسبية - دليل لوضع العناصر الفرعية في مكان محدد ضمن عنصر رئيسي متموضع نسبياً.

تعلم CSS المواقع في عشر خطوات - برنامج تعليمي مفيد لتعليمك أساسيات وضع CSS المغمور في كثير من الأحيان.


Faux مطلق المواقع - دليل لنهج تحديد المواقع الذي يجمع بين أفضل الخصائص لكل من التعويم والموضع المطلق.

عمودي محاذاة لقوائم الملاحة مع خطوط متعددة - دليل لمواءمة القوائم التي تستخدم نهج الصندوق الطافي.

أعلى 10 أزرار CSS قائمة دروس - مجموعة من أفضل عشر برامج تعليمية لإنشاء أزرار CSS.

سناكس في ثانية الحجم يؤكد - برنامج تعليمي لإنشاء تسطير كبير يمكن تغيير حجمه ليتناسب مع عرض عمود بأكمله (بدون تبرير النص).

مثال يمكن تغيير حجم الصورة - إنشاء صور يمكن تغيير حجمها وتقل حجمها بناءً على حجم النص المحيط بها.


زوايا جبل - إنشاء زوايا دائرية مع CSS.

المغلق تقريب كورنرز تقرير اخبارى - مجموعة من تقنيات الزاوية المستديرة والبرامج التعليمية.

المرح مع CSS الأشكال - يعرض screencast كيفية إنشاء الأشكال باستخدام CSS (بدون صور).

Sidenotes غير مزعجة - تقنية لإنشاء sidenotes غير مزعجة ضمن صفحة ويب.

CSS الخدع لتخصيص الرصاص - دليل لإنشاء أنماط مخصصة للرموز النقطية باستخدام CSS.


CSS Swag: قوائم متعددة الأعمدة - دليل لإنشاء قائمة مرتبة منطقية منطقية تلتف من خلال أعمدة رأسية متعددة.

تحسين عرض الرابط للطباعة - يعرض كيفية تضمين عناوين URL للرابط في نُسخ صفحاتك بعد نص رابط الرابط.

متقدمة CSS القائمة الخديعة - قائمة متقدمة حقا باردة مع تأثير طمس بنيت مع المغلق.

قوائم CSS - برنامج تعليمي حول إنشاء القوائم من القوائم المتداخلة مع CSS2 وبدون JavaScript.

CSS Tabs Menu with Dropdowns - برنامج تعليمي لإنشاء قائمة منسدلة ذات علامات تبويب مع CSS.


قائمة CSS المتقدمة - برنامج تعليمي لإنشاء قائمة CSS رائعة حقًا من WebDesignerWall.

الرسوم المتحركة الأفقية علامات التبويب - برنامج تعليمي لإنشاء علامات تبويب قائمة أفقية متحركة عند التمرير.

قائمة CSS الرسومية مع Rollovers - برنامج تعليمي رائع لإنشاء قائمة CSS مع تأثير التمديد.

CSS Sprite Navigation Tutorial - برنامج تعليمي لإنشاء قائمة باستخدام CSS sprites.

الهجينة CSS Dropdowns - برنامج تعليمي حول كيفية إنشاء قوائم منسدلة CSS تتحلل بأمان وتكون منظمة بشكل جيد ، من بين أمور أخرى.


CSS Menus v2 - أنشئ قائمة ديناميكية باستخدام CSS و jQuery المتوافق مع المتصفحات.

دليل المبتدئين إلى CSS - دليل كامل لأولئك الجدد على CSS.

الابتداء مع CSS: تمرين عملي - دليل أساسي جدًا لبدء استخدام CSS.

4 Uber Cool CSS Techniques for Links - مجموعة من تقنيات التصميم الرائع.

8 قسط واحد نصائح CSS سطر - مجموعة من حلول CSS أحادية السطر ، بما في ذلك التمركز الرأسي ، ومنع فواصل الأسطر في الوصلات ، وإزالة حدود الارتباط النشطة.


كيف ل: CSS خلفية كبيرة - برنامج تعليمي للعمل مع خلفيات كبيرة مع CSS.

واجهة CSS الموسعة للغاية - برنامج تعليمي كامل لإنشاء مواقع CSS عالية التخصيص وقابلة للتكيف.

استخدام CSS لفعل أي شيء: 50+ أمثلة إبداعية ودروس خصوصية - مجموعة من أكثر من 50 برنامجًا تعليميًا لإنشاء تخطيطات CSS فريدة.

تطوير سهل وسهل CSS مع Firebug - دليل لاستخدام Firebug لتحسين تصميمات الويب.

10 أمثلة على جميلة طباعة CSS وكيف فعلوا ذلك ... - تقدم أمثلة رائعة من الطباعة باستخدام CSS مع برامج تعليمية حول كيفية إنشاء كل منها.


16 الرسم البياني CSS المغلق وشريط التخطيطي دروس وتقنيات - مجموعة من البرامج التعليمية لإنشاء المخططات والرسوم البيانية القائمة على CSS لعرض البيانات.

أفضل أسعار السحب: لا تكرر الترميز - دليل لإنشاء علامات اقتباس لا تتضمن أي ترميز غير ضروري ومتكرر.

تأثير النص المتدرج CSS - برنامج تعليمي لإنشاء تدرجات النص لعناوينك.

اسحب CSS الاسعار - برنامج تعليمي آخر لإنشاء علامات اقتباس مع CSS.

إنشاء تخطيطات CSS: أفضل البرامج التعليمية حول تحويل PSD إلى XHTML - مجموعة من الدروس لإنشاء CSS من تصاميم Photoshop.


20 Ultimate CSS Tutorials التي سوف تساعدك على سيد المغلق - مجموعة رائعة من عشرون برنامجًا تعليميًا يسهل فهمه لإنشاء تأثيرات CSS صعبة.

19 CSS Menu Tutorials to Spice Up Web Designs - يقدم بعض الخيارات الرائعة للقوائم ، مع تعليمات لكل منها.

43 PSD to XHTML، CSS Tutorials Creating Web Layouts and Navigation - قائمة ضخمة من البرامج التعليمية لتحويل تصميمات Photoshop الخاصة بك إلى ملفات CSS / XHTML صالحة.

CSS Image Maps - برنامج تعليمي لإنشاء خرائط صور باستخدام CSS و XHTML.

شبكات السوائل - دليل لإنشاء تخطيطات مستندة إلى الشبكة.


كيفية تصحيح CSS - برنامج تعليمي لتقنيات تصحيح الأخطاء لـ CSS.

9 أهم المهارات الأساسية التي يجب أن يتعلم كل مصمم ويب - مجموعة من تقنيات CSS اللازمة ، بما في ذلك أساسيات إنشاء تخطيطات CSS وكيفية إنشاء النماذج.

10 صعب لكن رائع تقنيات CSS - دليل لبعض تقنيات CSS المتقدمة التي هي عبارة عن تعلم جيد.

50+ نيس نظيفة CSS الملاحة على أساس البرامج النصية الملاحة - مجموعة كبيرة من التنقل المبوب باستخدام CSS.

30 تقنيات CSS استثنائية وأمثلة - مجموعة رائعة من تأثيرات CSS الرائعة ، بما في ذلك معرض صور hoverbox ، وتذييل مثبت ، وتأثير أكور CSS فقط ، من بين أمور أخرى.


101 تقنيات CSS من كل الوقت الجزء 1 - الجزء 2 - مجموعة ضخمة أخرى من تقنيات CSS رائعة مع برامج تعليمية لكل منها.

مركز الميت - برنامج تعليمي موجز حول كيفية وضع شيء ما في وسط نافذة المستعرض (عموديا وأفقيا).

السائل تخطيطات الطريق السهل - برنامج تعليمي كامل حول إنشاء تخطيطات CSS سائلة.

مربعات ملونة - طريقة واحدة لإنشاء تخطيطات كاملة لـ CSS - برنامج تعليمي رائع خطوة بخطوة يغطي طريقة واحدة لإنشاء تخطيط CSS من الألف إلى الياء.

قوالب وأطر

شبكة CSS بحجم 1 كيلوبايت - ربما يكون هذا هو نظام الشبكة الأبسط والأكثر اندماجًا ، ولكنه يتضمن أداة لتخصيص الشبكة قبل التنزيل.


Layouts.IronMyers.com - مجموعة من التصاميم المتاحة في مختلف العروض (بما في ذلك السوائل).

CSS Zen Garden - CSS Zen Garden هو إطار HTML و CSS مصمم لعرض مجموعة متنوعة من التصميمات التي يمكن إنشاؤها باستخدام CSS. بالإضافة إلى الإطار ، هناك الكثير من القوالب والمواضيع المتاحة.

خزان التخطيط - بعض تخطيطات CSS بسيطة.

مثالي متعدد الألوان CSS تخطيطات السائل - مجموعة من التخطيطات السائلة الآيفون متوافقة.

960 شبكة النظام - نظام شبكة CSS قائم على تخطيط أساسي عريض 960 بكسل.


نظرة تفصيلية على 960 CSS Framework - مواقع شاملة لبناء المواقع مع نظام الشبكة 960.

نظام السوائل 960 الشبكة - قوالب لإنشاء تخطيطات مرنة على أساس نظام الشبكة 960 مع 12 أو 16 عمودًا. ويشمل أيضا قوالب لتخطيطات ثابتة.

مخطط CSS - إطار CSS لإنشاء تصميمات قائمة على الشبكة.

BlueprintCSS 101 - دليل أساسي لاستخدام إطار مخطط.

CSS Boilerplate - إطار CSS بسيط وأنيق.


YAML - بعد تخطيط متعدد الألوان آخر. إطار XHTML / CSS قائم على المعايير.

تخطيطات روثساريان - يقدم هذا الموقع سلسلة من التخطيطات القائمة على CSS والتي تكون خاليًا من حقوق الملكية وخالية من حقوق الطبع والنشر.

حفل التخطيط - يقدم هذا الموقع أربعين نموذجًا مختلفًا من قوالب HTML على غرار CSS لإنشاء مجموعة متنوعة من تنسيقات مواقع الويب المختلفة.

Dynamic Drive CSS Layouts - موقع آخر يقدم بعض نماذج CSS الأساسية للتخطيطات الثنائية والثلاثية والسائلة والثابتة.

قوالب CSS مجانا - موقع يقدم أكثر من 200 نموذج CSS تم إصداره بموجب ترخيص Creative Commons Attribution 2.5.


لطيفة ومجانية قوالب CSS - عدد من القوالب لمساعدتك على البدء في استخدام التصميمات القائمة على CSS ، بما في ذلك مربع ديناميكي مركز ، وأربعة أعمدة ديناميكية ، وتصميمات مركزية ثابتة متكاملة.

تصاميم مفتوحة - مجموعة من الآلاف من قوالب CSS و XHTML المجانية من جميع أنحاء العالم.

CSS Tinderbox Frameworks - يوفر CSS Tinderbox طنًا كبيرًا من أطر CSS الرائعة ، بما في ذلك بعض أطر WordPress ، والقوالب الثابتة والمرنة ، وحتى السمات الكاملة مفتوحة المصدر.

تخطيط CSS الوحيد الذي تحتاجه (؟) - يقدم هذا الموقع قالبًا لعشرة تخطيطات CSS مختلفة تستند إلى نفس HTML.

صناديق صغيرة - مجموعة من ملفات CSS لمجموعة متنوعة من التخطيطات.


ثلاثة تخطيطات العمود - مجموعة من التخطيطات ذات 3 أعمدة من جميع أنحاء الويب.

تخطيطات العمود فو CSS - مجموعة من 42 تخطيطات CSS ذات عرض ثابت مع أعمدة زائفة.

حزم تخطيط - مجموعة من أطر تخطيط CSS ذات العرض المرن (وهو التنزيل الثالث على الصفحة).

النماذج الأولية مع إطار CSS 960 الخاص بالشبكة - دليل لإنشاء نماذج بالأحجام الطبيعية لموقع الويب باستخدام الشبكة 960.

تصميم نموذج الصفحة الرئيسية لنمط المجلات مع مخطط إطار CSS - دليل قيمة للغاية لإنشاء تخطيطات المخططات وشبكات مع مخطط.


CSSEasy.com - مجموعة من تخطيطات CSS الأساسية ، بما في ذلك الخيارات الثابتة والسائلة.

طرابلس - معيار CSS عام يقوم بإعادة تعيين معايير المستعرض وإعادة بنائها من أجل تقديم موقع مستعرض عبر مستعرض.

BlueTrip CSS Framework - إطار عمل CSS الذي يدعي أنه يجمع بين أفضل جوانب المخطط ، طرابلس ، Hartija ، 960 شبكة النظام ، والأركان.

إطار CSS مرن - إطار لتبسيط إنشاء تخطيطات مرنة أو ثابتة أو مرنة.

SenCSs - إطار يركز على إنشاء تصميم معقول للأجزاء المتكررة من CSS.


محتوى بنمط - إطار CSS أكثر تقدمًا يتضمن مكونات مسبقة ومُختبرة.

Typogridphy - إطار شبكي قائم على نظام الشبكة 960 لإنشاء تخطيطات شبكية طبعية.

الشبكة الذهبية - إطار تخطيط CSS آخر قائم على الشبكة يستند إلى نظام الشبكة 6/12 والعرض الرئيسي 970 بكسل.

العناصر CSS Framework - إطار CSS سهل الاستخدام وخفيف الوزن.

معارض ومعارض

CSS نجوم - معرض يقدم بضع عشرات من التصميمات القائمة على CSS لإطلاعكم عليها.
المغلق مصادر الأدوات خبير CSS مجموعة ضخمة من أدوات المغلق اتقان المغلق