يتم استخدام المعرف لتحديد العنصر الفريد في الصفحة. اسم المعرف هو وسيلة للتحكم في كتلة محتوى معينة عن طريق وضع كتلة محتوى معينة في div وتعيين معرف فريد لها، يمكنك استخدام محددات CSS تحديد مظهر كل عنصر من عناصر الصفحة بدقة، بما في ذلك العناوين أو القوائم أو الصور أو الروابط أو الفقرات وما إلى ذلك. على سبيل المثال، إذا كتبت قاعدة CSS لـ #header، فيمكن أن تكون مختلفة تمامًا عن قاعدة الصورة في #content.
يمكن تعريف أنماط الارتباط في كتل المحتوى المختلفة من خلال قواعد مختلفة. شيء من هذا القبيل: #nav a:link أو #main a:link أو #footer a:link. يمكنك أيضًا تحديد أنماط مختلفة لنفس العناصر في كتل محتوى مختلفة. على سبيل المثال، حدد أنماط #main p و#sider p على التوالي من خلال #main p و#sider p. من الناحية الهيكلية، تتكون صفحتك من صور وروابط وقوائم وفقرات وما إلى ذلك. ولا تؤثر هذه العناصر في حد ذاتها على جهاز الشبكة الذي يتم عرضها عليه (المساعد الرقمي الشخصي أو الهاتف المحمول أو تلفزيون الإنترنت). ويمكن تعريفها بأنها أي مظهر للأداء.
تعتبر صفحة HTML المنظمة بعناية بسيطة للغاية، ويتم استخدام كل عنصر لأغراض هيكلية. عندما تريد وضع مسافة بادئة لفقرة، لا تحتاج إلى استخدام علامة الاقتباس، ما عليك سوى استخدام علامة p وإضافة قاعدة المسافة البادئة للنص في CSS إلى p لتحقيق غرض المسافة البادئة. p عبارة عن علامة منظمة والمسافة البادئة للنص هي سمة عرض تقديمي، الأولى تنتمي إلى HTML والأخيرة تنتمي إلى CSS. (هذا هو الفصل الأسطوري بين البنية والتعبير)
لا تحتوي صفحات HTML جيدة التنظيم على علامات سمات تقريبًا. الكود نظيف وموجز للغاية. على سبيل المثال، يمكن الآن كتابة التعليمات البرمجية الأصلية بلغة HTML فقط، وكل الأشياء التي تتحكم في الأداء تتم كتابتها بلغة CSS. في HTML المنظم، الجدول عبارة عن جدول، وليس أي شيء آخر (ناهيك عن أنه لا يمكن استخدامه للتخطيط وتحديد الموضع). )).
بالطبع، محددات CSS ليست بهذه البساطة، فبالإضافة إلى المعرفات والفئات، هناك أيضًا محددات فرعية ومحددات سمات وما إلى ذلك.