1. En caso de duda, consulte inmediatamente
Una simple comprobación del código original cuando algo sale mal puede ahorrarte muchos dolores de cabeza. W3C tiene herramientas de detección disponibles para XHTML y CSS. Tenga en cuenta que los errores al principio del archivo pueden causar más errores debido a una estructura incorrecta y otros factores. Recomendamos corregir algunos de los errores más obvios primero y luego volver a verificar, lo que puede reducir la cantidad de errores.
2. Recuerde borrar las instrucciones adecuadamente cuando utilice la función flotante.
La flotación es una característica peligrosa y es posible que no produzca los resultados esperados. Si encuentra elementos flotantes que se extienden más allá del borde del contenedor circundante u otras situaciones inusuales, asegúrese de hacerlo correctamente. Vea las enseñanzas de Eric Meyer en el sitio web de Complex Spiral Consulting.
3. Utilice relleno o borde para evitar límites superpuestos.
Es posible que estés luchando por conseguir un poco de espacio que no debería estar allí, o que no puedas sacar un poco de espacio cuando lo necesitas. Es fácil superponer bordes si se utilizan márgenes; Andy Budd explica lo que es posible en su sitio web.
4. Intente evitar especificar relleno/borde y alto o ancho en el elemento al mismo tiempo.
La versión de Windows de IE a menudo causa problemas de cálculo de ancho y alto. Hay algunas formas de resolver este problema, pero si el elemento principal necesita especificar la altura y el ancho, es mejor aplicar margen a los elementos secundarios dentro del elemento principal, o cuando el elemento secundario necesita especificar la altura y el ancho, aplique relleno al elemento principal para lograr este efecto.
5. No confíes en el ancho mínimo y el alto mínimo
La versión de Windows de IE no admite ambas sintaxis. Pero hasta cierto punto, la versión de Windows de IE puede lograr un efecto equivalente a ancho mínimo/alto mínimo, por lo que siempre que agregue algunas funciones de filtrado a IE, puede lograr los resultados que desea.
6. Ante la duda, reduce primero el porcentaje
En ocasiones determinados errores harán que el 50%+50% pase a ser 100,1%, provocando problemas con la página web. En este momento prueba a cambiar estos valores al 49% o incluso al 49,9%.
7. Recuerda cómo escribir "TRouBLed"
La sintaxis abreviada de Borde, margen y relleno tiene un orden específico, comenzando desde arriba y girando en el sentido de las agujas del reloj: arriba, derecha, abajo, izquierda. Entonces el resultado de margen:0 1px 3px 5px no tiene borde en la parte superior, 1 píxel. a la derecha, y así sucesivamente. Recuerde "TRouBLe" y no se equivocará en la secuencia.
8. Siempre que el valor no sea cero, se debe especificar la unidad.
CSS requiere que especifiques unidades para cada fuente, margen y otros valores diversos. (La única excepción es el alto de línea)