عندما تواصلت مع CSS لأول مرة، كنت في حيرة من أمري ولم أكن أعرف من أين أبدأ أو كيف أبدأ. بعد الحصول على العرض، أزعجتنا العديد من الأسئلة: كيف نصممه؟ تحديد المواقع المطلقة أو تحديد المواقع النسبية، أي تسمية تختار؟ ما الهيكل الذي يجب اعتماده. .إلخ. بالطبع، في عملية كتابة التعليمات البرمجية، سنواجه العديد من المشكلات، خاصة نحن المبتدئين، الذين ليسوا على دراية بجميع الجوانب ويفتقرون إلى الخبرة، لذلك غالبًا ما نكون في حيرة عند مواجهة المشكلات. أعتقد أنه عندما نواجه مشاكل، يجب أن نتعلم تلخيصها لتجنب ارتكاب نفس الأخطاء في المرة القادمة.
وفيما يلي بعض الأخطاء الشائعة التي قمت بتلخيصها في عملي:
ونأمل أن تكون نصائح الحلول مفيدة للمبتدئين في CSS.
1. تحقق مما إذا كانت هناك أخطاء إملائية في عناصر HTML أو ما إذا كنت قد نسيت إغلاق العلامات.
حتى أفضل الخبراء سوف يرتكبون مثل هذه الأخطاء، لأنه عندما تكون بنية الصفحة معقدة للغاية ومتداخلة في العديد من الطبقات، فمن السهل أن تفقد علامة الإغلاق. خاصة بالنسبة للأشخاص مثلي، الذين اعتادوا على الكتابة في المفكرة، فإنهم أكثر عرضة لارتكاب الأخطاء. لذا كن حذرا عند الكتابة.
2. تحقق مما إذا كان CSS صحيحًا
بشكل عام، الخطأ الأكثر شيوعًا في CSS هو عدم تناسق أسماء السمات في النمط وHTML. ونتيجة لذلك، تمت كتابة الأسلوب بشكل واضح، ولكن ليس له أي تأثير.
3. استخدم الخلفية للعثور على الطبقة المقابلة
عندما نقوم بتصحيح الأخطاء، خاصة عند تصحيح توافق المتصفح، هناك العديد من الطبقات المتداخلة، والتي تكون عرضة للمحاذاة الخاطئة والتداخل. في هذا الوقت، نضيف ألوان الخلفية إلى الطبقات الرئيسية لإظهار الفرق. وهذا يساعد على القضاء على الأخطاء.
4. تحديد موقع الخطأ بطريقة الإزالة
عندما نكتب ترميز CSS، فإننا عادةً ما نقوم بذلك قليلاً ثم نعاينه، وإذا حدث خطأ في هذا الوقت، فيمكننا حذف الطبقة المضافة حديثًا حتى يتم عرضها بشكل طبيعي لتحديد الطبقة التي تكمن فيها المشكلة.
5. يجب أن يحدد العنصر العائم سمة العرض
تحتوي العديد من المتصفحات على أخطاء عند عرض العناصر العائمة بعرض غير محدد. لذلك، بغض النظر عن محتوى العنصر العائم، يجب تحديد سمة العرض له.
6. إزالة الأنماط المكررة
في كثير من الأحيان نعلن عن الأنماط العامة في الرأس ثم ننساها عندما نكتبها أدناه. على سبيل المثال، أعلنا img{border:none;} في البداية
ثم عندما واجهت علامة img، كتبتها مرة أخرى. وينبغي تجنب هذا الوضع.
7. انتبه إلى تنسيق الترميز
في الظروف العادية، تنسيقات التشفير التي نستخدمها هي: gb2312 وUTF8. ولا يوجد فرق بين الخير والشر. لكن لا تخلطهم. يستخدم العديد من المحررين تنسيق UTF8 افتراضيًا.
8. كتابة ترتيب أنماط الارتباط
بعد أن يكتب العديد من الأشخاص أنماط الارتباط، فإن اللون بعد النقر ليس هو ما يريدون. في هذا الوقت، يحتاجون إلى التحقق من الترتيب الذي تتم به كتابة أنماط الارتباط. يجب أن يكون ترتيب الكتابة الصحيح: LVHA.