دروس السي إس إس - صفحات الأنماط الانسيابية - CSS طريقة إدراج الأنماط في الصفحة

طريقة إدراج الأنماط في الصفحة


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

هناك ثلاث طرق لإدراج الأنماط في صفحتك :

أ- باستخدام ملف خارجي (external file).
ب- عن طريق رأس الصفحة (Head) .
جـ - داخل الوسم (Inline).

سنقوم بشرح كل طريقة بالأمثلة :

أ- باستخدام ملف خارجي (external file):

هذه الطريقة هي الخيار الذكي لمن يفكر في برمجة مشاريع من عدة صفحات . ضع كل التنسيقات التي تريدها في هذا الملف الخارجي ثم أدرج رابط لهذا الملف في كل صفحة تريد استخدام الأنماط فيها (جميع صفحات مشروعك عادة) .
إذا طلب منك عميلك تغيير لون الخط المستخدم من اللون الأزرق النيلي إلى اللون الأزرق الغامق – و اللذان قد لا يختلفان كثيراً لكن عليك أن ترضي ذوق العميل ! فقط قم بتغيير سطر واحد في هذا الملف و انتهينا .
هذا الملف يجب أن يحفظ بالامتداد .css ، يمكنك كتابته عن طريق برنامج المفكرة، يمكنك الاطلاع على نموذج من هذا الملف في الصورة التالية المأخوذة من الدرس الأول .

استخدم الوسم التالي في رأس كل صفحة من صفحات الهتمل :


ب- عن طريق رأس الصفحة (Head) :

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