Cómo manejar el CSS3 Espec. de una manera útil?

Question

Las especificaciones de CSS3 están en los principales navegadores aplicado en parte y se obtiene muy buenos resultados con menos código, pero hay muchas razones para no usar CSS3. P.ej. No es compatible hacia abajo, vistas derretidas probablemente no similares en diferentes navegadores, etc.

Así que estoy preguntando: ¿Cuál es la mejor manera de utilizar CSS3 de todos modos con una opción para interceptar problemas por defecto, como si hubiera lo descrito anteriormente

Answer 1

Mientras que su sitio se degrada con gracia no hay nada malo con el uso de CSS3 ahora. Después de todo, si un navegador no entiende una regla CSS particular, simplemente lo ignorará:

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

Mientras que el sitio no tiene un aspecto roto en los navegadores que no soportan las reglas CSS3 que desea utilizar entonces debería estar bien mejorar progresivamente su sitio en los navegadores que no les apoyan.

Answer 2

Usted puede encontrar "¿Cuándo puedo usar ..." útil para ver lo que ofrece puede utilizar razonable.

Answer 3

Si su hacer un sitio web público, entonces usted tiene que apoyar a IE6, lo que significa que no hay CSS 2.1, y mucho menos 3.

Una cosa que puedes intentar es: lesscss

Esto le permitirá utilizar la notación CSS en forma abreviada y "compilar" a CSS válida en construcción.