كس-محدد ودوره في تنسيق هتمل-دوكومينتس

من خلال إنشاء موقعك وملء مع عناصر معينة من صفحة ويب، والجميع بالتأكيد تأتي عبر مفهوم مثل محدد كس. وهو يعمل على تحديد بدقة جميع عناصر ملف هتمل، تصميم ومكان على الصفحة. للقيام بذلك، قم بإنشاء مستند كس الذي يصف تلك المحددات والمعلمات الأخرى لتنسيقها: اللون والحجم والموقع وغير ذلك. يجب أن يعرف كل مصمم ويب ويكون قادرا على إدخال محددات المطلوب بشكل صحيح. وهي مقسمة على أنواع، أهمها التي سوف ننظر أدناه.

أنواع المحددات في كس

اعتمادا على عنصر هتمل الذي يتم تطبيق التنسيق عليه، يمكن أن يشير محدد كس إلى إحدى المجموعات التالية:

• محدد العلامات؛
• محدد الفئة؛
• ID-محدد.
• محدد السمة.

علامة التحديد

ويسمى أيضا "نوع محدد" أو "عن طريق عنصر"، هو أبسط والأكثر شيوعا. كما اسمها في الوثيقة كس هي أسماء تلك العناصر من ملف هتمل الذي وصفنا. على سبيل المثال، إذا احتجنا إلى تحديد نمط فقرة، نحدد الخصائص وقيمها ل p {باكغروند: x؛ اللون: y؛ الحجم: z}. وفي هذه الحالة، سيكون لكل الفقرات في صفحة الويب نفس التنسيق (لون الخلفية، والنص، والحجم، وما إلى ذلك).

محدد الفئة

وماذا إذا كنت بحاجة إلى تعيين طريقتك الخاصة مختلفة للآخرين لكل فقرة؟ لهذا، هناك فئة محدد.

ستحتوي مستند كس في هذه الحالة على الإدخال التالي: p.first {كولور: x؛ حجم الخط: y}. وبالتالي، فإننا تعيين خصائص "اللون" و "حجم" فقط للفقرة من الدرجة الأولى.

في هتمل-دوكومنت في هذه الحالة، تقوم بإدخال الخاصية المميزة كلاس باسم النمط أولا. يمكن أن تكون الفصول ما يصل إلى الأنماط التي تريد تطبيقها على عناصر صفحة ويب.

محدد حسب المعرف

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

ثم في المستند هتمل نقوم بتعيين المعرف h1 إلى الرأس، على سبيل المثال أرتيكلنام. وفي ملف كس، اضبط النمط عن طريق إضافة شعرية قبل اسم المعرف: #articlename {كولور: بلو؛ تكست-ألين: سينتر}. الآن سيكون لدينا رأس اللون الأزرق ووسط المحاذاة.

يمكن تسمية كل من الأنواع المذكورة أعلاه "بسيط كس محدد". وهي تحدد التنسيق لمعلمة معينة لمستند هتمل: مجموعة من العناصر المتشابهة (على سبيل المثال، كل فقرات المقالة) أو فئة واحدة (على سبيل المثال، الفقرة الأولى فقط) أو عنصر محدد (على سبيل المثال، عنوان مقالة).

محدد السمة

بالإضافة إلى ما سبق، هناك محددات لسمة كس - طريقة أكثر تعقيدا لتطبيق الأنماط. يسمح لك بتنسيق عناصر هتمل بواسطة السمة المحددة أو قيمته. هناك عدة أنواع من هذا المحدد:

• من خلال وجود سمة.
• من حيث قيمتها الدقيقة.
• حسب قيمة السمة الجزئية؛
• بمعناها المحدد.

دعونا ننظر بالتفصيل كل من هذه الأصناف:

1. الحالة الأولى. يتم استخدام التنسيق إذا كان هناك سمة معينة في هتمل-كود (يمكن أن تكون p، ديف، رأس، وما إلى ذلك). إذا كان مفقودا، ثم يتم استخدام نمط عالمي لجميع العناصر. على سبيل المثال، بالنسبة إلى العناصر التي لها عنوان (تلميح).
2. الحالة الثانية. ينطبق النمط فقط على تلك العناصر هتمل التي تحتوي على تطابقات كاملة لقيم السمات. على سبيل المثال، لعناصر المدخلات التي تساوي قيمة سمة النوع التي يتم إرسالها.
3. الحالة الثالثة. يقتصر التنسيق على العناصر ذات كلمة معينة في قائمة القيم. على سبيل المثال، الشريط الجانبي في السمة "فئة" عناصر ديف.
4. الحالة الرابعة. يتم تحديد النمط فقط لتلك العناصر من هتمل-دوكومنت، التي لها سمة معينة قيمة معينة وتبدأ بها. على سبيل المثال، تطبيق اللون المحدد على جميع العناصر التي تكون سماتها هي اللغة الإنجليزية (يمكن أن يكون هذا إن، إن-روس، إن-أو، إلخ.).

وبالتالي، باستخدام محدد كس محدد، يمكنك أفضل تصميم كل صفحة ويب كاملة، ووصف العناصر الفردية.