أولاً، دعنا نقدم الطرق الأربع الشائعة لربط مستندات HTML بـ CSS:
1. استخدم علامات الارتباط
| ＜رابط rel="stylesheet" type="text/css" href="sheet.css" /＞ |
2. استخدم عناصر النمط
＜نوع النمط='نص/css'＞ الجسم {الخلفية: #ففف؛} h1 {حجم الخط: 2em؛} ＜/نمط＞ |
3. استخدم توجيه @import
＜نوع النمط='نص/css'＞ @import URL(sheet1.css); @import "sheet2.css"; ＜/نمط＞ |
| ＜p style="color:#f00;"＞هذا نص باللون الأحمر＜/p＞ |
في التطبيقات العملية، لا يُنصح باستخدام الأنماط المضمنة باستخدام سمة النمط، وقد قام XHTML1.1 بتوحيد استخدامها لأنه غير مستحسن، والسبب بسيط، فهذه الطريقة ليست أفضل بكثير من علامة الخط وتضعف التحكم المركزي في مظهر المستند بالكامل بواسطة مزايا CSS.
تستخدم الطرق الثلاثة الأولى علامات الارتباط وعلامات الأنماط، ولها القيود التالية في IE (بما في ذلك IE6 وIE7 وIE8 beta1):
◆ يمكن تطبيق CSS المرتبط بأول 31 رابطًا أو علامات نمط في المستند فقط.
بدءًا من اليوم الثاني والثلاثين، سيكون ملف CSS المرتبط بعلامته غير صالح. التوثيق الرسمي لـ IE جميع علامات الأنماط بعد أول 30 علامة نمط على صفحة HTML لا يتم تطبيقها في Internet Explorer تشير أيضًا إلى هذا القيد، بما في ذلك هذا القيد في ملفات .xml باستخدام .xsl. ولكن يبدو أنه تمت كتابة الكمية الخاطئة. يرجى مشاهدته في IE:
◆ علامة النمط صالحة فقط لأول 31 تعليمات @import.
تم التجاهل بدءًا من توجيه @import رقم 32.
◆ يتم تطبيق أول 31 تعليمات @import لملف CSS بشكل فعال.
تم التجاهل بدءًا من توجيه @import الحادي والثلاثين.
◆ لا يمكن أن يتجاوز حجم ملف CSS 288 كيلو بايت؟
تأتي هذه الأخبار من الحد الأقصى لحجم ملف Internet Explorer CSS.
لن تتم مواجهة قيود IE على CSS في معظم الحالات. حتى إذا تمت مواجهة الحل الأفضل، فيجب أن يكون دمج ملفات CSS وعلامات الاستجابة يدويًا أو من خلال برنامج خلفي لتقليل رقم طلبات http تحسين عرض الصفحة.