Es mucho tiempo al principio, especialmente si usted está STILLING aprendizaje de las cuerdas de DIV + CSS. Sin embargo, después de haber practicado lo suficiente y haber encontrado suficientes problemas y haberlos resuelto todos, usted tendrá el conocimiento de lo que FUNCIONA y lo que NO FUNCIONA.
Es entonces que usted sabe cómo escribir el estilo más compatible posible en primer lugar, ahorrando todo el tiempo en degugging y rara vez tiene algún problema con cualquiera de los principales navegadores modernos: IE6, IE7, FF2, FF3, Opera 9, Safari 3 Win/Mac.
Sí, es posible y tan fácil como se pueda. Practica y conquista uno por uno, entonces sabes cómo hacer las cosas bien en el primer intento.
Bueno, el único monstruo desconcertante debería ser IE6, supongo. Es en navegador. Aparte de eso, ff2, ff3, opera 9, safari win/mac, ie7, ie8 son relativamente similares en el motor de renderizado, al menos con muchos menos errores que con IE6.
que tienen unos mejores prácticas para que (uno que acaba de comenzar su viaje en CSS) en la codificación para conseguir la compatibilidad máxima CSS:
- Use un primer reset. Despeja su mente y se asegura de que cada paso de su trabajo.
- No utilice relleno (izquierdo y derecho) y ancho en el mismo elemento a menos que sepa bien cómo va a funcionar.
- Si se flota un elemento, proporcione su padre overflow: oculto y alto: 1% si el elemento primario no tiene una altura.
- No le dé a un elemento margen superior o margen inferior pero solo margen superior o margen inferior. Debido a que los márgenes de los elementos adyacentes colapsan unos en otros, lo que hace que el posicionamiento sea algo impredecible para los principiantes.
- Si se flota un elemento, proporciónelo pantalla: en línea.
- No confíe en z-index a menos que su secuencia de comandos lo necesite.
- Si ocurre algo extraño en IE6, use altura: 1% en ese elemento.
Según mis experiencias, estas son cosas que realmente te ayudarán a resolver problemas potenciales. Úselos y eliminan sus posibilidades de tropezar con cualquier problema que consuma tiempo por 80%. De hecho, hay más consejos triviales que estos cuando se trata de etiquetas específicas, pero vamos a llamarlo un día.
Las fuentes tampoco son uniformes cuando son de la misma fuente. Las diferencias de configuración de PPP pueden hacer que las cosas salgan fuera de proporción, y puede tener un diseño que funcione en todas las máquinas de Windows en Firefox, pero está roto en todas las máquinas de Linux. –
Para llevar el punto un poco más allá, la red es, por su propia naturaleza, heterogénea, lo que significa que los agentes de usuario que acceden a ella son todos diferentes. Ir en contra de esto y esperar que las cosas se vean y se comporten igual en todos los agentes es un error. – roryf
No podría estar más de acuerdo. Es una pendiente resbaladiza que termina con diseños de "altura fija" (escalofrío). – da5id