بسم الله الرحمن الرحيم
سنتحدث عن مجموعة من المحتويات الهامة فى تنسيق و تنظيم اللغة أثناء إستخدامها
الهوية id ما هى ؟؟
هى عبارة عن إسم يتم إختياره للعناصر و يكون لكل عنصر اسم هوية id خاص به لا يمكن أن يتكرر .. و اسم الهوية هو Selector
واسم الهوية يتم إدراجه فى لغة HTML / XML كصفة أو سمة .. لاحظ المثال التالى
لدينا عنصر HTML كالتالى
مدونة عالم نت
لاحظت أنه تم وضع اسم الهوية id فى صورة سمة ..( للتعرف على السمات راجع الدرس
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لعمل ملف CSS الخاص به نسنخدم اسم الهوية id كالتالى و يوضع قبله علامة #
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] {
color: red ;
text-align: left;
background: yellow;
}
فيكون الناتج كالتالى
مدونة عالم نت
ماذا إن كان لدينا مجموعة من العناصر نريد أن نجعل لها نفس ملف CSS .. بحيث لا يمكن أن يتكرر اسم الهوية id أبدا .
فلكل نصر يكون اسم هوية id يختلف عن الاخرين ..
لذلك هناك مايسمى بالتصنيف أو Class
ماهو التصنيف Class ؟؟
هى تماما تشبه اسم الهوية id لكنها تكون لمجموعة من العناصر و تسمى Class و توضع قبله نقطة .
لاحظ المثال التالى
مدونة عالم نت
عالم نت
يكون ملف CSS الخاص به كالتالى
.main {
color: red;
text-align: left;
}
تكون كالتالى
مدونة عالم نت
عالم نت
فبالتالى يكون كل عنصر من عناصر HTML يحتوى على كلمة main فى صورة class سوف يكون موقعه الى اليسار و أحمر اللون
من الملاحظات الهامة أثناء إختيارك إسم المجموعة Class .. لا تبدأ الاسم برقم .. لأن بعض التصفحات لا تدعم هذا
هذا مثال يجمع اسم الهوية id و المجموعة class معا
عالم نت
ملف CSS الخاص به :
.main {color: red; text-align: left;}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] {background: yellow;}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] {background: green;}
الناتج يكون :>>
مدونة عالم نت
عالم نت
▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}
كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}
كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...