تخطيط الويب CSS صعب ، لكنه في الواقع بسيط للغاية. من السهل القول ، وغالبًا ما تكون هناك العديد من المشكلات التي تزعج المبتدئين. ومع ذلك ، في كثير من الأحيان ، غالبًا ما نتوافق مع بعض المشكلات الصغيرة ولا يمكننا الاسترخاء. اليوم سوف أقدم لكم ثماني نصائح ، والتي تبدو مفيدة للغاية. 2. عند استخدام الوظيفة العائمة ، تذكر أن تنظر بشكل صحيح في الأمر العائم. إذا واجهت عنصرًا عائمًا يمتد إلى حدود الحاوية المحيطية أو غيرها من المواقف غير الطبيعية ، فتأكد من أنك صواب أولاً. 3. استخدم الحشو أو الحدود عندما تتداخل الحدود لتجنب أن تكون غارقة في مساحة صغيرة لا ينبغي أن تظهر ، أو لا يمكنك الضغط عندما تحتاج إلى مساحة صغيرة. إذا كنت تستخدم الهامش ، فمن السهل إنتاج تداخلات في الحدود. 4. حاول تجنب مشاكل حساب العرض والارتفاع التي تحدد الحشو/الحدود للعناصر في نفس الوقت والارتفاع أو العرض. يمكن أن تحل بعض الطرق هذه المشكلة ، ولكن إذا احتاج العنصر الأصل إلى تحديد الارتفاع والعرض ، فمن الأفضل تطبيق الهامش على العنصر الطفل داخل العنصر الأصل ، أو عندما يحتاج العنصر الطفل إلى تحديد الارتفاع والعرض ، قم بتطبيق الحشو على عنصر الوالدين لتحقيق التأثير. 5. لا تعتمد على عرض Min-Width/Minigh 6. إذا كان لديك أي أسئلة ، فحدّل النسبة المئوية أولاً. في هذا الوقت ، يرجى محاولة تغيير هذه القيم إلى 49 ٪ ، أو حتى 49.9 ٪. 7. تذكر كلمة "TRBL". ليس الحدود أعلاه. تذكر "TRBL" ولن تخطئ الطلب. 8. طالما أن القيمة ليست صفرًا ، يجب عليك تحديد الوحدة.
1. إذا كان لديك أي أسئلة ، اكتشفها على الفور. W3C لديها أدوات اكتشاف متاحة لـ XHTML و CSS ، انظر http://validator.w3.org. يرجى ملاحظة أن الأخطاء في بداية الملف قد تتسبب في المزيد من الأخطاء بسبب عوامل مثل الهيكل غير الصحيح ؛
IE على Windows لا يدعم بناء الجملة. ولكن إلى حد ما ، يمكن أن يحقق إصدار Windows من IE التأثير المكافئ لـ Min-Width/Mineight ، لذلك فقط قم ببعض وظائف التصفية على IE لتحقيق النتائج التي تريدها.