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

تُكتب CSS الخارجية في ملف منفصل عن HTML. تناسب مشاركة القواعد بين صفحات متعددة وتسهّل صيانتها؛ اختيارها يعتمد على حاجة الصفحة.

خطوات الربط في هذا المثال:

أنشئ مجلد css داخل الجذر العام للموقع، وضع فيه الملف mystyle.css. إذا وضعت الملف بجوار HTML بدلًا من ذلك، غيّر href ليتوافق مع موضعه الفعلي.
أضف عنصر <link> داخل <head>.
أضف السمة rel="stylesheet".
استخدم href="/css/mystyle.css" كما في المثال؛ الشرطة الأولى تجعل المسار يبدأ من جذر الموقع.
اكتب المحدد المطلوب في ملف CSS، مثل اسم العنصر أو محدد class أو id.
أضف التصريحات داخل { }، مع : بين الخاصية والقيمة و ; بين التصريحات.

تكتب أوامر CSS مباشرة بداخل ملف CSS.

CSS

h1{color:red}

تكتب أوامر css في ملف منفصل وتحديد مسار ملف css بداخل عنصر link في head.

HTML

<head>
  <link rel="stylesheet" href="/css/mystyle.css">
</head>

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