من الصعب تحديد تخطيط صفحة ويب CSS، لكنه في الواقع بسيط جدًا. يقال إنه سهل، ولكن غالبًا ما تكون هناك العديد من المشكلات التي تزعج المبتدئين. هناك العديد من التقنيات المقدمة على http://www.knowsky.com/article.asp?typeid=38 يمكن أن تساعد هذه النصائح والمعرفة الجميع في الحصول عليها النتيجة بنصف الجهد . ومع ذلك، في أغلب الأحيان، نشعر بالانزعاج من بعض المشاكل الصغيرة ولا نستطيع الاسترخاء. اليوم أود أن أقدم لكم ثمانية تقنيات تبدو مفيدة للغاية.
1. إذا كانت لديك أي شكوك، فتحقق منها على الفور. إذا كان بإمكانك إجراء فحص بسيط على الكود الأصلي عند حدوث خطأ، فيمكنك توفير الكثير من المتاعب. لدى W3C أدوات كشف متاحة لـ XHTML وCSS، يرجى مراجعة http://validator.w3.org . يرجى ملاحظة أن الأخطاء في بداية الملف قد تسبب المزيد من الأخطاء بسبب البنية غير الصحيحة وعوامل أخرى؛ نوصي بإصلاح بعض الأخطاء الأكثر وضوحًا أولاً ثم إعادة الفحص، مما قد يقلل من عدد الأخطاء.
2. عند استخدام الوظيفة العائمة، تذكر أن تقوم بمسح الأمر بشكل مناسب، فالوظيفة العائمة هي وظيفة خطيرة وقد لا تؤدي إلى النتائج التي تتوقعها. إذا واجهت عناصر عائمة تمتد إلى ما وراء حدود الحاوية المحيطة أو غيرها من المواقف غير العادية، فتأكد من أنك تقوم بذلك بشكل صحيح.
3. استخدم الحشو أو الحدود عندما تتداخل الحدود لمنعك من القلق بشأن مساحة صغيرة لا ينبغي أن تكون موجودة، أو عندما تحتاج إلى مساحة صغيرة، لا يمكنك الضغط عليها مهما حدث. إذا كنت تستخدم الهامش، فمن السهل أن تتداخل الحدود.
4. حاول تجنب تحديد الحشو/الحدود والارتفاع أو العرض للعناصر في نفس الوقت. غالبًا ما يتسبب إصدار Windows من IE في حدوث مشكلات في حساب العرض والارتفاع. هناك بعض الطرق لحل هذه المشكلة، ولكن إذا كان العنصر الأصل يحتاج إلى تحديد الارتفاع والعرض، فمن الأفضل تطبيق هامش على العناصر الفرعية داخل العنصر الأصل، أو عندما يحتاج العنصر الفرعي إلى تحديد الارتفاع والعرض، قم بتطبيق الحشو على العنصر الأصلي لتحقيق هذا التأثير.
5. لا تعتمد على الحد الأدنى للعرض / الحد الأدنى للارتفاع
لا يدعم إصدار Windows من IE كلا الصيغتين. ولكن إلى حد ما، يمكن لإصدار Windows من IE تحقيق تأثير يعادل الحد الأدنى للعرض/الارتفاع الأدنى، لذلك طالما قمت بإضافة بعض وظائف التصفية إلى IE، يمكنك تحقيق النتائج التي تريدها.
6. إذا كنت في شك، قم بتقليل النسبة أولاً في بعض الأحيان تؤدي بعض الأخطاء إلى تحويل 50%+50% إلى 100.1%، مما يسبب مشاكل في صفحة الويب. في هذا الوقت حاول تغيير هذه القيم إلى 49% أو حتى 49.9%.
7. تذكر أن صيغة اختصار "TRBL" للحدود والهامش والحشو لها ترتيب محدد، يبدأ من الأعلى ويتجه في اتجاه عقارب الساعة: أعلى، يمين، أسفل، يسار، لذا فإن نتيجة الهامش: 0 1px 3px 5px؛ لا حدود في الأعلى، 1 بكسل إلى اليمين، وهكذا. تذكر "TRBL" ولن تخطئ في التسلسل.
8. طالما أن القيمة ليست صفرًا، فيجب تحديد الوحدة، وهذا يتطلب اهتمامًا خاصًا غالبًا ما يتجاهل العديد من الأصدقاء المبتدئين.