مرجع ضخم لتعلم التصميم بالسي اس اس

 

مرجع ضخم لتعلم التصميم بالسي اس اس

السلام عليكم ورحمة الله وبركاته
لغة سي أس أس الآن ومنذ عدة سنوات بدأت تحتل مكان الاتش تي أمال... لكونها تمتاز بمرونة عاليةلذا الكثير من المصممين واصحاب المواقعاصبحوا يتجهون لتعلمهافي هذا الرابط يوجد عشرات الشفرات ومع كل شفرة شرحلما تقوم به وطريقة استخدامها

شفرات سي أس أس (CSS)


شفرة التبطين

وظيفة الشفرة:التحكم بحجم التبطين للعناصر، كالجداول، الصور، والنصوص.نص الشفرة:[LIST=1][*]padding-top: 5px;[/list]

طريقة الاستخدام : يتم وضع الشفرة ضمن الشفرات الرئيسية للتحكم بجسم الصفحة، الجداول، الصور، والنصوص، ويُتحكم بموضع التبطين بوضع Top، bottom، Right، و Left.

شفرة المحاذاة العامودية

وظيفة الشفرة:التحكم باتجاه المحاذاة العامودية لمحتويات الجداول.نص الشفرة:
[LIST=1][*]vertical-align: bottom;[/list]

طريقة الاستخدام : يتم وضع الشفرة ضمن الشفرات الرئيسية للجداول، ويتم تحديد اتجاه المحاذاة باختيار Bottom، Top، Middle، و Baseline.

شفرة ارتفاع العناصر

وظيفة الشفرة : التحكم بارتفاع العناصر، كالصور والجداول.نص الشفرة:
[LIST=1][*]height: 10px;[/list]

طريقة الاستخدام : يتم وضع الشفرة ضمن الشفرات الرئيسية للتحكم بجسم الصفحة، الجداول، والصور.

شفرة عرض العناصر

وظيفة الشفرة : التحكم بعرض العناصر، كالصور والجداول.نص الشفرة:
[LIST=1][*]width: 10px;[/list]

طريقة الاستخدام : يتم وضع الشفرة ضمن الشفرات الرئيسية للتحكم بجسم الصفحة، الجداول، والصور، ويمكن تحديد العرض بوحدة القياس البكسل أو بالنسبة المئوية.

شفرة خصائص ترويسة الجدول

وظيفة الشفرة:التحكم بشكل ترويسة الجداول.نص الشفرة:
[LIST=1]<LI style="FONT-WEIGHT: bold; VERTICAL-ALIGN: top">th <LI style="FONT-WEIGHT: bold; VERTICAL-ALIGN: top">{ <LI style="FONT-WEIGHT: bold; VERTICAL-ALIGN: top">شفرات[*]}[/list]

طريقة الاستخدام : يتم وضع الشفرات الثانوية للتحكم بهيئة وخصائص ترويسة الجدول ضمن قوسي الشفرة الرئيسية.

معتمنياتي للجميع بالفائدة .

المصدر: منتدى الخليج