كيف أربطها بالنص الذي تعنية الشيفرة ؟
عن طريق ثلاث طرق
الطريقه الاولى
الملف الخارجي هي الأفضل عند تطبيقها على عدد كبير من الملفات يمكنك إجراء تعديلات على طريقة عرض جميع الصفحات من خلال التعديل في ملف واحد فقط
يتم إدراج جميع أوامر CSS في ملف نصي يتم استدعاءه من خلال جميع صفحات الـ HTML عن طريق الأمر " link " و يجب أن يتم إدراج هذا الأمر في منطقة رأس الصفحة
مع مراعاة أن يكون مسار الملف الصحيح
مثلا لو كان ملف css داخل مجلد داخلي آخر يتم كتابة كود إستدعاء الملف بهذه الطريقة
<link rel="stylesheet" href="css/style.css">
الطريقة الثانية
embedded style sheets و هي تعني التضمين " الإدراج " داخل رأس الصفحة و استخدام النمط الداخلي في حالة تطبيقه على مستند وحيد تقوم بتحديد النمط في رأس الصفحة " head " عن طريق استخدام الوسم <style> كما يلي
<head>
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
</head>
الطريقة الثالثة
Inline Styles يتم إدراج أوامر CSS داخل أكواد HTML مباشرة مثلا يمكنك أن تختار فقرة ما أو سطر ما داخل صفحة HTML لتطبق عليها التنسيق و تستخدم هذه الطريقة لإدراج تنسيق خاص لا يتكرر كثيراً أو لتغيير التنسيق المدرج في صفحة الأنماط الخارجية و سوف يتم استخدام كلمة style مع المتغير و القيمة داخل الوسم المراد تنسيقه