Como lidar com o CSS3 Spec. de forma útil?

Question

As especificações CSS3 estão nos principais navegadores parcialmente implementado e você terá muito agradáveis ??resultados com menos código, mas há muitas razões para não usar CSS3. Por exemplo. não para baixo compatível, vistas renderd provavelmente não semelhantes em diferentes navegadores, etc.

Então, eu estou me perguntando: qual é a melhor maneira de usar CSS3 qualquer maneira com uma opção de problemas de interceptação padrão, como eu discribed acima

Answer 1

Enquanto seus degrada local graciosamente não há nada de errado em usar CSS3 agora. Afinal, se um navegador não entender uma regra CSS particular, ele vai simplesmente ignorá-lo:

#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 */
}

Enquanto o site não parece quebrado em navegadores que não suportam as regras CSS3 que você deseja usar, em seguida, você deve estar ok aumentando progressivamente seu site nos navegadores que apoiá-los.

Answer 2

Você pode achar "Quando eu posso usar ..." útil para ver o que você possui pode razoavelmente usar.

Answer 3

Se o seu fazer um site público, então você tem de apoiar o IE6, o que significa que não há CSS 2.1, e muito menos 3.

Uma coisa que você pode tentar é: lesscss

Isso permitirá que você use notação abreviada css e "compilação" para css válido em construção.