How CSS works

CSS تترجم من خلال المتصفح (البرنامج المستخدم لعرض صفحة المواقع، مثال: Internet Explorer أو Google Chrome) ومن ثم تستخدم لكي تعرض كيف سيكون شكل الصفحة. وهذا يعني أيضًا أنه على الرغم من وجود مواصفات خاصة جدًا للغة الـ CSS، فإن العديد من المتصفحات عبر جميع الأجهزة المحتملة (أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف المحمولة وما إلى ذلك) تفسر CSS بطريقتها الخاصة. هذا يعني أنه على الرغم من أن معظم أعمالك قد تبدو وتتصرف بالطريقة التي تتوقعها، فقد تكون هناك إختلافات بسيطة إذا كنت ترى عملك في المتصفحات الموجودة في السوق.

نظرًا لأن CSS مجرد مواصفات وليست قانونًا، فإن بائعي المتصفحات لهم مطلق الحرية في إضافة خصائص CSS الخاصة بهم، مما يسمح لك بتنفيذ أشياء أكثر تقدمًا، ولكن فقط في هذا المتصفح بعينه. يتم إستخدام هذا بشكل متكرر من قبل العديد من البائعين لمحاولة إقناع W3 (المنظمة المسؤولة عن العديد عن مواصفات الإنترنت ذات الصلة، بما في ذلك HTML و CSS) في إضافة وظائف إلى الإصدار التالي من مواصفات CSS.

من الناحية التاريخية، كانت مشكلة تقديم الإختلافات عبر المتصفحات مشكلة أكبر مما هي عليه حاليًا. لقد واجهت Microsoft مشكلات خاصة لإتباع المواصفات مع برنامج Internet Explorer، حيث كان الإصدار 6 هو أسوأ مثال على ذلك- حيث كانت المتصفحات المتنافسة تتبع طريقة الترجمة للمواصفات بشكل أفضل، ولكن نظرًا لوجود مشاركة في السوق من قبل المستخدمين، كان على المطورين تنفيذ عدة حلول بديلة لدعم IE6 بشكل كامل و إختلافاتها. ولحسن حظ المطورين في جميع أنحاء العالم، قامت Microsoft بالكثير لمعالجة هذه المشكلات في الإصدارات الأحدث من Internet Explorer.

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

الخلاصة

يتم تفسير CSS من قِبل العميل (عادةً web browser) في كل طلب، وبما أن المتصفحات المختلفة تستخدم محركات تحليل مختلفة، فقد لا تبدو الأشياء متماثلة تمامًا عبر مختلف الأجهزة وأنظمة التشغيل وإصدارات المتصفح. تأكد من إختبار جميع صفحاتك بأكبر عدد ممكن من المتصفحات للمساعدة في تقليل حجم المشكلات، يجب عليك التأكد من أن كتابات الCSS الخاصة بك يمكنها إجتياز إختبارات أداة التحقق من W3 (W3 validator).

في هذا البرنامج التعليمي، سنناقش فقط الخصائص والتقنيات التي يمكن إستخدامها حاليًا في أحدث الإصدارات من المتصفحات الأكثر شيوعًا: Microsoft Internet Explorer و Google Chrome و Mozilla Firefox و Apple Safari. ومع ذلك، فإن حقيقة أن هذه المتصفحات والتقنيات تُفهم من قبل المتصفحات لا تعني أنه يتم تفسيرها وإستخدامها بنفس الطريقة بالضبط، لذلك تذكر دائمًا القاعدة الذهبية لـ CSS: اختبر عملك بأكبر قدر ممكن!