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

من طرف noura 2012-02-27, 17:16

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

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

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

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

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

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

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

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

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

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

.:: الإعلانات والتبادل الإعلاني مع منتديات قاسمي نت ::.