شرح فئات html

أهلا بكم في كود ويب
أهلا بكم في درس جديد من دروس html وفي هذا الدرس سوف نتعرف على خاصية جديدة وهي فئة class وفئة id
من خلال استخدام فئة class أو فئة id فيمكننا إنشاء العديد من الطبقات ولكل فئة يمكنك أن تضع لها معرف من اختيارك بيحث يكون هذا المعرف فريد من نوعه إلا إذا كنت تريد استخدام نفس المعرف لتطبيقه على أكثر من طبقة محددة بمعرف واحد فقط
العنصرالوظيفةيضاف ضمن
class='***' لإضافة طبقة جديدة بمعرف فريد استبدل رموز *** بإسم المعرف div
id='***' لإضافة طبقة جديدة بمعرف فريد استبدل رموز *** بإسم المعرف div

هام جدا

إذا استخدما فئة class يكون تعريفها من خلال css برمز النقطة . مثال

.p{ ***** } 


أما إذا استخدما فئة id يكون تعريفها من خلال css برمز الشباك # مثال

#p {***** } 

كيف يتم كتابة الكود


<div></div>

استخدام فئة class

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

<div class='***'></div>

استخدام فئة class

في الكود التالى قمنا بإضافة طبقتين بنفس المعرف ، استخدما فئة class وجعلنا إسم المعرف p ، فعند تنسيق هذا المعرف سيتم تطبيقه على الطبقتين معا لأنهما بنفس المعرف

<div class='p'>تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.</div>
<div class='p'>تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.</div>

ثم استخدما كود css لتنسيق المعرف كما نريد

<style>
.p{color:#333;background:#eee;padding:10px;margin:3px 0;font-weight:bold;}
</style>

النتيجة

تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.
تعلم تصميم المواقع بسهولة مع شرح خصائص httml و css بطريقة بسيطة وسهلة.