طريقة Internal Style في لغة CSS | كيفية إستخدام لغة CSS

تُكتب Internal Style داخل عنصر <style> في <head>. تناسب تنسيق صفحة محددة؛ ويكون الملف الخارجي مناسبًا عندما تريد مشاركة القواعد بين صفحات كثيرة.

يمكن وجود أكثر من عنصر <style> في المستند؛ ليست هذه طريقة خاطئة.
تحتوي العناصر على قواعد ذات محددات وكتل تصريحات بين { }، مثل h1 { color: red; }.
عند تنافس قواعد على الخاصية نفسها تحسم قواعد التتالي النتيجة؛ وعند تساوي الأهمية والطبقة وخصوصية المحدد تؤثر قاعدة ظهرت لاحقًا.
داخل كل كتلة تفصل : بين الخاصية والقيمة و ; بين التصريحات.

تُكتب طريقة Internal style بداخل عنصر head في ملف HTML.

HTML

<style>
h1 {
  color: red;
}
</style>

وجود عنصري style داخل head صحيح. في هذا المثال يضيف الأول اللون الأحمر ويضيف الثاني الخلفية الصفراء إلى h1، فتظهر الخاصيتان معًا.

HTML

<head>
  <style>
    h1 {
      color: red;
    }
  </style>

  <style>
    h1 {
      background: yellow;
    }
  </style>
</head>

إضافة أكثر من تأثير وتنسيق لعنصر h1 بداخل عنصر style واحد عن طريبق كتابة أكثر من declearation.

HTML

<head>
  <style>
    h1 {
      color: red;
      background: yellow;
    }
  </style>
</head>

CSS Internal Style طريقة Internal Style في لغة CSS