Как обращаться со спецификацией CSS3.полезным способом?
Вопрос
Спецификации CSS3 частично реализованы в основных браузерах, и вы получаете очень хорошие результаты с меньшим количеством кода, но есть много причин не использовать CSS3.Например.несовместимость снизу, вероятно, не похожие представления рендеринга в разных браузерах и т.д.
Поэтому я спрашиваю себя:Какой лучший способ использовать CSS3 в любом случае с возможностью перехватывать проблемы по умолчанию, как я описал выше?
Решение
Пока ваш сайт работает исправно, нет ничего плохого в использовании CSS3 сейчас.В конце концов, если браузер не понимает определенное правило CSS, он просто проигнорирует его:
#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 */
}
Пока сайт не выглядит сломанным в браузерах, которые не поддерживают правила CSS3, которые вы хотите использовать, все должно быть в порядке постепенное повышение ваш сайт в браузерах, которые их поддерживают.
Другие советы
Вы могли бы найти "Когда я могу использовать..." полезно для того, чтобы увидеть, какие функции вы можете разумно использовать.
Если вы создаете общедоступный веб-сайт, то вы должны поддерживать ie6, что означает отсутствие css 2.1, не говоря уже о 3.
Одна вещь, которую вы можете попробовать, это: меньше ссс
Это позволит вам использовать сокращенную нотацию css и "скомпилировать" ее в действительный css при сборке.