في الماضي، كنا نستخدم عادةً أوراق الأنماط بطريقتين:
طريقة الصفحة المضمنة: تتم كتابة ورقة الأنماط مباشرة في منطقة الرأس لرمز الصفحة. شيء من هذا القبيل:
<style type="text/css"> <!-- body { الخلفية: أبيض اللون: أسود } --> </style>
طريقة الاستدعاء الخارجي: اكتب ورقة الأنماط في ملف .css منفصل، ثم اتصل بها باستخدام رمز مشابه لما يلي في منطقة الرأس بالصفحة.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
في التصميم المتوافق مع معايير الويب، نستخدم طريقة الاتصال الخارجي والفوائد واضحة بذاتها. يمكنك تغيير نمط الصفحة دون تعديل الصفحة وتعديل ملف .css فقط. إذا كانت جميع الصفحات تستدعي نفس ملف ورقة الأنماط، فإن تغيير ملف ورقة أنماط واحد يمكن أن يؤدي إلى تغيير أنماط جميع الملفات.
أسلوب الجدول المزدوج يستدعي ورقة الأنماط
بالنظر إلى الكود الأصلي لبعض المواقع المتوافقة مع المعايير، قد ترى الجملتين التاليتين حيث يتم استدعاء ورقة الأنماط:
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @import url(css/style01.css );</style>
لماذا أكتبها مرتين؟
في الواقع، في الظروف العادية، يكفي استخدام طريقة الارتباط الخارجي (أي الجملة الأولى). إن استدعاء الجدول المزدوج الذي أستخدمه هنا هو مجرد مثال. يتم استخدام الأمر "@import" لإدخال ورقة الأنماط. الأمر "@import" غير صالح في متصفحات Netscape 4.0. بمعنى آخر، عندما تريد إخفاء تأثيرات معينة في متصفح Netscape 4.0 وعرضها في الإصدار 4.0 أو أعلى أو في متصفحات أخرى، يمكنك استخدام أسلوب الأمر "@import" لاستدعاء ورقة الأنماط.