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

الهوى ماهو كلام · 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) ؟ إنه يحتوي على متغيرين بدلاً من متغير واحد . قمنا بفصل المتغيرات المختلفة باستخدام الفاصلة المنقوطة (

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

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,818 معدل تقييم المستوى: 652	الصيغة العامة للنمط السلام عليكم ........ كما قلنا ، فإن الأنماط تحدد التنسيق لأوسمة الهتمل المختلفة التي تعرفت عليها في دروس الهتمل . تستطيع تحديد تنسيق معين لوسم الفقرة أو تنسيق معين للجداول و هكذا . إذاً لابد أن نتوقع بأن الصيغة العامة لأوسمة السي اس اس ستتضمن وسم هتمل الذي سيطبق عليه النمط و كذلك التنسيق ، كما توضح هذه الصيغة تماماً : {"القيمة" : المتغير } : وسم هتمل كما نلاحظ فإن الصيغة تقتضي كتابة وسم هتمل الذي سيطبق عليه النمط ثم نقطتان رأسيتان ثم قوسين معقوفين نكتب بداخلها المتغير و القيمة مفصولين بنقطتين رأسيتين أخريتين . لنأخذ بعض الأمثلة الحقيقية لتتضح الصورة : 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; } هل راقبت ذلك ؟ الأمر في غاية السهولة . كل ما عليك هو أن تضيف الفاصلة (,) بين الأوسمة المختلفة ثم تستخدم الصيغة العامة التي أصبحت تعرفها الآن . من مواضيع الهوى ماهو كلام في المنتدى "الهدف من هذه الانتخابات غض النظر عن الأحتلال" وضع البرامج في قائمة بدء التشغيل مجلس شورى المجاهدين يتبنّى اغتيال عميد ركن في وزارة الدّفاع برمجة Dao من خلال فيجوال بيسك (1/4) فتح وإغلاق موقع الويب <a rel="nofollow" href="http://www.dartmediakuwait.com/adclick.php?n=a85a316d" target="_new"><img src="http://www.dartmediakuwait.com/adview.php?what=zone:107&source=MP3Q8&n=a85a316d" border="0" alt=""></a>

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
اني أشمت بشيعة العراق وأدق ناقوس الخطر ولست أدافع عنهم	الخطاب	حوارات ثقافية عامة	22	04-23-2008 10:10 مساءً
الزرقاوي الجيل الثاني للقاعدة دراسة منهجية ونقدية	صالح محمد عبدالله	حوارات ثقافية عامة	0	09-22-2007 02:49 مساءً
برنامج تحويل الافلام الى الصيغة Amv التي تدعمها مشغلات Mp4	S P E E D	برامج عامة	3	06-18-2007 05:48 صباحاً
سلسلة تعلم VBScript – الجزء الثاني - الدوال والإجراءات الفرعية	الهوى ماهو كلام	دروس برمجة مواقع	2	12-23-2006 08:53 مساءً
ALZip فى أحدث أصداراته	بـلال	برامج عامة	3	08-15-2006 03:05 مساءً

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

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

اكثر الكلمات بحثاً

$اضف موقعك في دليل العربي - ينتهي الإعلان بتاريخ 19\6\2008$	$سنمار لخدمات تصميم الويب - ينتهي الإعلان بتاريخ 19\6\2008$	$شبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008$

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