العنصر | الوظيفة | يضاف ضمن |
---|---|---|
class='***' | لإضافة طبقة جديدة بمعرف فريد استبدل رموز *** بإسم المعرف | div |
id='***' | لإضافة طبقة جديدة بمعرف فريد استبدل رموز *** بإسم المعرف | div |
هام جدا
إذا استخدما فئة class يكون تعريفها من خلال css برمز النقطة . مثال
أما إذا استخدما فئة id يكون تعريفها من خلال css برمز الشباك # مثال
.p{ ***** }
أما إذا استخدما فئة id يكون تعريفها من خلال css برمز الشباك # مثال
#p {***** }
كيف يتم كتابة الكود
<div></div>
استخدام فئة class
يكتب الكود بالشكل التالى ونقوم باستبدال رموز *** بإسم المعرف الذى نريده بحيث يكون المعرف فريد من نوعه أى يكون غير مكرر فى نفس الصفحة الحالية إلا إذا أردنا إضافة العديد من الطبقات بنفس المعرف ويكون بتنسيق واحد فقط كاللون والخلفية والحجم وهكذا
<div class='***'></div>
استخدام فئة class
في الكود التالى قمنا بإضافة طبقتين بنفس المعرف ، استخدما فئة class وجعلنا إسم المعرف p ، فعند تنسيق هذا المعرف سيتم تطبيقه على الطبقتين معا لأنهما بنفس المعرف ثم استخدما كود css لتنسيق المعرف كما نريد
<div class='p'>تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.</div>
<div class='p'>تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.</div>
<style>
.p{color:#333;background:#eee;padding:10px;margin:3px 0;font-weight:bold;}
</style>
النتيجة
تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.
تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.
شرح فئات html