علامات

عند تصميم صفحات الويب، هناك طريقتان أساسيتان لتطبيق خصائص CSS: النمط المضمّن العلامات وخصائص CSS المضمنة. يتم تعريف علامات النمط المضمنة ضمن كود HTML، بينما يتم تطبيق خصائص CSS المضمنة على عناصر محددة باستخدام سمة "النمط". على الرغم من أن كلا الطريقتين يمكن أن تحققا نتائج مماثلة، إلا أن هناك مزايا وعيوب مميزة يجب مراعاتها.

أوراق الأنماط الخارجية، وعلامات الأنماط في الصفحة، والأنماط المضمنة

يمكن إرفاق قواعد النمط باستخدام ثلاث طرق أساسية :

• الملفات الخارجية: يتم تعريف قواعد CSS في ملف منفصل يرتبط به من HTML document.
• علامات الأنماط داخل الصفحة: يتم تعريف قواعد CSS ضمن عنصر
• سمة النمط المضمنة: يتم تطبيق قواعد CSS مباشرة على عناصر HTML باستخدام سمة "النمط".

علامات النمط المضمنة مقابل خصائص CSS المضمنة

For الغرض من هذه المناقشة هو مقارنة علامات النمط المضمنة وخصائص CSS المضمنة. يتم تعريف علامات النمط المضمنة، كما ذكرنا سابقًا، داخل كود HTML نفسه، بينما يتم تطبيق خصائص CSS المضمنة باستخدام سمة "النمط".

بشكل عام، تُفضل علامات النمط المضمنة على خصائص CSS المضمنة لأنها:

توفير فصل واضح للترميز عن التصميم.
• إنتاج ترميز HTML أنظف.
• أكثر كفاءة مع المحددات، مما يسمح بتطبيق القواعد على عناصر متعددة في الصفحة.

من ناحية أخرى، تؤثر العناصر المضمنة فقط على العنصر المعني الذي يتم تطبيقها عليه.

الخصوصية والتجاوز القواعد

الفرق المهم بين علامات النمط المضمنة وخصائص CSS المضمنة هو الخصوصية. تحدد الخصوصية متى يتجاوز أحد الأنماط نمطًا آخر. تتميز الأنماط المضمنة عمومًا بخصوصية أعلى من الأنماط المحددة في علامات الأنماط المضمنة. لفهم أفضل لهذا المفهوم، راجع المقالة الإعلامية "CSS: حروب الخصوصية."