ما هي أوراق الأنماط المتتالية وما هي CSS المستخدمة؟

الصق هذا الرمز داخل ملف علامات ملف HTML الخاص بك لربط ورقة الأنماط الخارجية الخاصة بك.

قوة CSS

باستخدام الطريقة المرتبطة ، نقوم بتسخير القوة الأساسية لـ CSS: فصل الاهتمامات. جميع المعلومات الدلالية - ما يعنيه المحتوى - موجودة في مستند HTML. النمط - كيف يبدو - موجود في ملف منفصل ، ورقة الأنماط.

فيما يلي بعض فوائد هذا الفصل:

• يمكنك تبديل ورقة الأنماط فقط عن طريق تغيير مرجع الملف. يمكن أن يحدث هذا بشكل ديناميكي. في خطوة واحدة ، يمكنك تغيير شكل الصفحة وأسلوبها بالكامل.
• يمكن أن تشترك العديد من الصفحات في نفس أوراق الأنماط كما هو مطلوب. من خلال تغيير ملف واحد ، يمكنك تحديث شكل وأسلوب موقع الويب بأكمله.
• تقسيم الصفحة إلى 'محتوى' و 'نمط' له فوائد فنية. يمكن للوكلاء والمتصفحات تخزين الملفات الفردية مؤقتًا بشكل منفصل. هذا يعني أن الموقع يمكنه إرسال معلومات النمط الخاصة به مرة واحدة ، بدلاً من تضمينها في كل صفحة على حدة.
• عند التعاون ، يمكن للفرق المختلفة العمل وفقًا لنقاط قوتها ، وإنشاء ملفات منفصلة وتحريرها دون التأثير على بعضها البعض.

شرح كاسكيد

لقد تعلمت الكثير عن الأنماط وأوراق الأنماط ، ولكن ماذا عن الجزء المتتالي من CSS؟

التسلسل هو ما يحدد الأنماط التي يجب استخدامها عند وجود أوراق أنماط متعددة. لقد رأيت كيف يمكن للمؤلف تحديد أنماط لمحتوياته. لكن ميزة أخرى لـ CSS هي أنها تمنح القراء ومصنعي المستعرضات البعض رأيًا في الأمر أيضًا.

ربما تساءلت بالفعل عن الأنماط الافتراضية. على سبيل المثال ، كيف يفعل ملف H1 يظهر عنصرًا كبيرًا وجريئًا ، حتى بدون أوراق أنماط المؤلف؟ هذا بفضل مجموعة من القواعد الخاصة التي تشكل ورقة أنماط وكيل المستخدم. يتم تطبيق هذه القواعد مبدئيًا بواسطة متصفح الويب الخاص بك على كل صفحة تقوم بزيارتها.

يحدد التتالي تطبيق ورقة أنماط المؤلف بعد أنماط وكيل المستخدم. إذا قال متصفحنا أن العناوين بالخط العريض لكن مؤلف الصفحة صرح بأن العناوين في هذه الصفحة فاتحة ، فستنتهي في النهاية باللون الفاتح.

هناك مصدر آخر لورقة الأنماط يمنح القارئ بعض التحكم. يمكن لأي مستخدم ويب ، من الناحية النظرية ، الحفاظ على ورقة أنماط مستخدم بقواعد مخصصة. توجد هذه في المنتصف: ستتجاوز قواعد المستخدم إعدادات المتصفح الافتراضية ، ولكن سيتم تجاوزها من خلال أنماط المؤلف. للأسف ، لم يكن دعم أوراق أنماط المستخدم منتشرًا على الإطلاق.

استهداف وسائط مختلفة

يمكنك استخدام Style Sheets في سياقات مختلفة ، خارج الشاشة. ال نصف سمة من سمات حلقة الوصل يحدد العنصر أنواع الوسائط التي تنطبق عليها ورقة الأنماط. على سبيل المثال ، يمكنك تحديد ملف ورقة نمط للطباعة باستخدام الترميز كما يلي:

يمكنك تجميع الأنماط الشائعة في ورقة أنماط عامة واحدة وأنماط خاصة بالوسائط في ملفات منفصلة. حتى أن هناك أنواعًا من الوسائط لتلائم العروض السمعية أو بطريقة برايل للمحتوى الخاص بك. CSS هي أداة حيوية في تحسين إمكانية الوصول.

متعلق ب: كيف تتصفح الويب إذا كنت مكفوفًا أو ضعيف البصر

أفضل عارض pdf لنظام التشغيل windows 10

تستخدم مواقع مثل Wikipedia CSS للتحكم في نمط الطباعة وإخفاء العناصر غير المرغوب فيها وتبسيط التخطيط.

CSS تجعل HTML تبدو جيدة

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

لمعرفة القوة الكاملة لـ CSS والمقدار الذي يجب أن تقدمه ، تحقق من ورقة الغش التي تغطي جميع خصائص CSS3 الأساسية.

• برمجة
• تطوير الشبكة
• CSS

بوبي متحمس للتكنولوجيا وعمل كمطور برمجيات لأكثر من عقدين من الزمن. إنه شغوف بالألعاب ، ويعمل كمحرر المراجعات في مجلة Switch Player ، ومنغمس في جميع جوانب النشر عبر الإنترنت وتطوير الويب.

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!