1. محدد النوع ما هو محدد النوع؟ يشير إلى حرف السطر الذي يأخذ نوع العلامة الموجودة في صفحة الويب كاسم لها. النص الأساسي هو نوع علامة في صفحة ويب، بما في ذلك div وp وspan.
على النحو التالي:
الجسم {}
شعبة {}
ص {}
فترة {}
2. محدد المجموعة
بالنسبة لكائنات XHMTL، يمكن تعيين نفس النمط لمجموعة في نفس الوقت.
يتم فصل المحددات بفواصل وميزة الكتابة بهذه الطريقة هي أن نفس النمط يحتاج إلى الكتابة مرة واحدة فقط، مما يقلل من كمية التعليمات البرمجية ويحسن بنية كود CSS.
عند استخدامه، يرجى ملاحظة أن "الفاصلة" تكون في وضع نصف العرض، وليس في وضع العرض الكامل الصيني.
على النحو التالي:
h1،h2،h6،p،span
{
حجم الخط: 12 بكسل؛
اللون: #FF0000؛
عائلة الخط: اريال؛
}
3. تحتوي على محددات لتحديد أنماط الكائنات الفرعية في كائن ما، بحيث تلعب طريقة التحديد دورًا.
تجدر الإشارة إلى أن إعداد النمط هذا صالح فقط لتسميات الكائنات الفرعية لهذا الكائن، ولا ينطبق إعداد النمط هذا على الكائنات الفرعية الأخرى الموجودة بمفردها أو الموجودة خارج هذا الكائن.
وتتمثل ميزة ذلك في أنه يساعدنا على تجنب إعدادات المعرف والفئة المفرطة وتحديد العناصر المطلوبة مباشرة.
على النحو التالي:
فترة h2
{
اللون: أحمر؛
}
على النحو التالي:
الجسم h1 يمتد بقوة
{
وزن الخط: غامق؛
}
4. محدد المعرف هو
محدد يظهر بناءً على مبدأ نموذج كائن مستند DOM، بالنسبة لملف XHTML، يمكن تعيين اسم لكل علامة في شكل معرف = ""، ولكن تجدر الإشارة إلى أنه في ملف XHTML المعرف فريد ولا يمكن تكراره.
في صفحة ويب تخطيط div CSS، يمكنك تسميتها لأغراض مختلفة، مثل رأس الصفحة وتذييلها للأسفل.
XHTML كما يلي:
<div id="content"></div>
CSS كالتالي:
#content
{
حجم الخط: 14 بكسل؛
ارتفاع الخط: 120%؛
}
5. محدد الفئة
في الواقع، المعرف هو امتداد لعلامات XHTML، والفئة عبارة عن مزيج من علامات SHTML المتعددة. الترجمة الحرفية للفئة تعني الفئة أو الفئة.
بالنسبة لعلامات XHTML، استخدم الفئة = "" لتعيين الاسم. على عكس المعرفات، يمكن إعادة استخدام الفئات ويمكن تعريف عناصر متعددة بنفس النمط مباشرة كفئة.
إن مزايا استخدام الفصل واضحة بذاتها، فهي تعكس إمكانية إعادة استخدام كود CSS، ويمكن تعريف العديد من العلامات باستخدام النمط دون كتابة رمز النمط لكل منها.
XHTML كما يلي:
<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>
CSS كما يلي:
.he
{
الهامش: 10 بكسل؛
لون الخلفية: أحمر؛
}
6. محددات العلامات الخاصة
إذا كنت تريد استخدام المعرف والفئة في نفس الوقت، وتريد أيضًا استخدام محددات العلامات في نفس الوقت، فيمكنك استخدام الطريقة التالية:
h1#content {}
/*يمثل جميع علامات h1 ذات المعرف كمحتوى*/
h1.p1 {}
/*يشير إلى كافة علامات h1 ذات الفئة p1*/
تقع دقة المحدد الخاص بالتسمية بين محدد التسمية ومحدد المعرف/الفئة، وهو أحد المحددات شائعة الاستخدام.
7. محددات المجموعة
لجميع المحددات المذكورة أعلاه، استخدمها معًا. كما يلي:
h1 .p1 {}
/*يشير إلى كافة العلامات ذات الفئة p1 ضمن h1*/
#محتوى h1 {}
يمثل جميع علامات h1 الموجودة ضمن العلامة ذات محتوى المعرف
h1 .p1,#المحتوى h1 {}
/*يمثل جميع علامات h1 ضمن h1 بالفئة p1 وجميع علامات h1 ضمن العلامة ذات محتوى المعرف*/
h1#المحتوى h2{}
/*علامة h2 ضمن علامة h1 مع المعرف كمحتوى*/
محددات CSS مجانية ومرنة للغاية. يمكنك استخدام محددات متنوعة وفقًا لاحتياجات الصفحة لتنظيم ملف CSS وتحسينه قدر الإمكان.