الصيغة العامة للنمط

الهوى ماهو كلام · 05-01-2006, 12:27 صباحاً

السلام عليكم ........

كما قلنا ، فإن الأنماط تحدد التنسيق لأوسمة الهتمل المختلفة التي تعرفت عليها في دروس الهتمل . تستطيع تحديد تنسيق معين لوسم الفقرة أو تنسيق معين للجداول و هكذا . إذاً لابد أن نتوقع بأن الصيغة العامة لأوسمة السي اس اس ستتضمن وسم هتمل الذي سيطبق عليه النمط و كذلك التنسيق ، كما توضح هذه الصيغة تماماً :

{"القيمة" : المتغير } : وسم هتمل

كما نلاحظ فإن الصيغة تقتضي كتابة وسم هتمل الذي سيطبق عليه النمط ثم نقطتان رأسيتان ثم قوسين معقوفين نكتب بداخلها المتغير و القيمة مفصولين بنقطتين رأسيتين أخريتين .

لنأخذ بعض الأمثلة الحقيقية لتتضح الصورة :

a { color: #008000; font-size: 1em }
body { border-style: solid }
h2 { color: #800000 }
p { border-style: solid; border-color: #FF00FF }
table { border-right-style: solid }

هل تريد تجربة هذه الوسوم بنفسك ؟ انتظر قليلاً حتى ننتهي من شرح الصيغة العامة للأنماط و سنتعرف على طريقة إدراج الأنماط في الجزء التالي إن شاء الله .
دعنا نركز قليلاً على الأمثلة السابقة . هل لاحظت الوسم الأول (a) ؟ إنه يحتوي على متغيرين بدلاً من متغير واحد . قمنا بفصل المتغيرات المختلفة باستخدام الفاصلة المنقوطة (

دروس JavaScript دروس PHP تطوير تطبيقات الويب الصيغة العامة للنمط دروس سكيول دروس VB Scripts دروس JavaScript دروس Oracle دروس MySQL

. يمكنك أن تجعل أنماطك أكثر وضوحاً بكتابة كل متغير في سطر منفصل! هكذا :

a {
color: #008000;
font-size: 1em
}

أفضل كثيراً أن تستخدم عادات جيدة أثناء كتابة الأنماط أو غيرها من الشفرات لأن ذلك هو طريقك لكتابة برامج يمكن أن نطلق عليها مصطلح "برامج نظيفة" ! أو كما نقول باللهجة المحلية "تفتح النفس" !

تعرفنا في المثال السابق على كيفية تخصيص أكثر من متغير لوسم هتمل واحد . ماذا لو أردنا تخصيص متغير واحد بقيمة واحدة مكررة مع أكثر من وسم هتمل ؟
أكثر الأمثلة التي توضح ذلك هي التي تحدد تنسيق وسوم رأس الفقرة (h1-h6) أو وسوم الرابط التشعبي (a) . لنأخذ مثالاً يوضح ذلك :

h1,h2,h3,h4,h5,h6 { color: #008000; }

هل راقبت ذلك ؟ الأمر في غاية السهولة . كل ما عليك هو أن تضيف الفاصلة (,) بين الأوسمة المختلفة ثم تستخدم الصيغة العامة التي أصبحت تعرفها الآن .

05-01-2006, 12:27 صباحاً	#1 (permalink)
الهوى ماهو كلام اسرة ابن الخليج تاريخ التسجيل: Jul 2005 الدولة: K S A المشاركات: 4,844 معدل تقييم المستوى: 655	الصيغة العامة للنمط السلام عليكم ........ كما قلنا ، فإن الأنماط تحدد التنسيق لأوسمة الهتمل المختلفة التي تعرفت عليها في دروس الهتمل . تستطيع تحديد تنسيق معين لوسم الفقرة أو تنسيق معين للجداول و هكذا . إذاً لابد أن نتوقع بأن الصيغة العامة لأوسمة السي اس اس ستتضمن وسم هتمل الذي سيطبق عليه النمط و كذلك التنسيق ، كما توضح هذه الصيغة تماماً : {"القيمة" : المتغير } : وسم هتمل كما نلاحظ فإن الصيغة تقتضي كتابة وسم هتمل الذي سيطبق عليه النمط ثم نقطتان رأسيتان ثم قوسين معقوفين نكتب بداخلها المتغير و القيمة مفصولين بنقطتين رأسيتين أخريتين . لنأخذ بعض الأمثلة الحقيقية لتتضح الصورة : a { color: #008000; font-size: 1em } body { border-style: solid } h2 { color: #800000 } p { border-style: solid; border-color: #FF00FF } table { border-right-style: solid } هل تريد تجربة هذه الوسوم بنفسك ؟ انتظر قليلاً حتى ننتهي من شرح الصيغة العامة للأنماط و سنتعرف على طريقة إدراج الأنماط في الجزء التالي إن شاء الله . دعنا نركز قليلاً على الأمثلة السابقة . هل لاحظت الوسم الأول (a) ؟ إنه يحتوي على متغيرين بدلاً من متغير واحد . قمنا بفصل المتغيرات المختلفة باستخدام الفاصلة المنقوطة (. يمكنك أن تجعل أنماطك أكثر وضوحاً بكتابة كل متغير في سطر منفصل! هكذا : a { color: #008000; font-size: 1em } أفضل كثيراً أن تستخدم عادات جيدة أثناء كتابة الأنماط أو غيرها من الشفرات لأن ذلك هو طريقك لكتابة برامج يمكن أن نطلق عليها مصطلح "برامج نظيفة" ! أو كما نقول باللهجة المحلية "تفتح النفس" ! تعرفنا في المثال السابق على كيفية تخصيص أكثر من متغير لوسم هتمل واحد . ماذا لو أردنا تخصيص متغير واحد بقيمة واحدة مكررة مع أكثر من وسم هتمل ؟ أكثر الأمثلة التي توضح ذلك هي التي تحدد تنسيق وسوم رأس الفقرة (h1-h6) أو وسوم الرابط التشعبي (a) . لنأخذ مثالاً يوضح ذلك : h1,h2,h3,h4,h5,h6 { color: #008000; } هل راقبت ذلك ؟ الأمر في غاية السهولة . كل ما عليك هو أن تضيف الفاصلة (,) بين الأوسمة المختلفة ثم تستخدم الصيغة العامة التي أصبحت تعرفها الآن . من مواضيع الهوى ماهو كلام في المنتدى إنذار 5 طالبات بالفصل في كلية مجتمع أبها بسبب البلوتوث مفهوم القصة/عناصرها/طريقة كتابتها إدانة عربي - أمريكي بمحاولة اغتيال بوش تعاال دور حرف الحاء .. أكثر من 30 لقطة جهادية رائعة للجوالات !!

أدوات الموضوع
عرض نسخة صالحة للطباعة أرسل هذا الموضوع إلى صديق
طرق مشاهدة الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الزرقاوي الجيل الثاني للقاعدة دراسة منهجية ونقدية	صالح محمد عبدالله	حوارات ثقافية عامة	8	10-06-2008 08:26 مساءً
اني أشمت بشيعة العراق وأدق ناقوس الخطر ولست أدافع عنهم	مـحـمـد الـغـريـب	حوارات ثقافية عامة	93	09-07-2008 12:37 صباحاً
برنامج تحويل الافلام الى الصيغة Amv التي تدعمها مشغلات Mp4	S P E E D	برامج عامة	4	08-25-2008 06:29 صباحاً
سلسلة تعلم VBScript – الجزء الثاني - الدوال والإجراءات الفرعية	الهوى ماهو كلام	دروس برمجة مواقع	2	12-23-2006 08:53 مساءً
ALZip فى أحدث أصداراته	بـلال	برامج عامة	3	08-15-2006 03:05 مساءً

	Sitemap \| Archive \| Tag Could
	$معهد مطور - ينتهي الإعلان بتاريخ 16\10\2008$

$منتديات نظرة حب - ينتهي الاعلان بتاريخ 6\11\2008$		$الرَّقائق دعوة لترقيق القلوب - ينتهي الاعلان بتاريخ 6\11\2008$
		$نغمات إنتظار الشادي - ينتهي الاعلان بتاريخ 6\11\2008$

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

الصيغة العامة للنمط

منتديات شبكة ابن الخليج