Добро пожаловать:)
Если вы начинаете без префиксов, сначала вы должны написать код, как правило, со всеми семантически подходящими тегами.
Затем вы можете решить, каковы ваши цели.
Если вам нужны CSS-файлы, совместимые с W3C, то вам по умолчанию нужно удалить префиксы, специфичные для поставщика. Это позволит последним браузерам выбирать стандартные свойства CSS, если они их поддерживают.
Это будет нацелено на меньшую часть вашего рынка, чем вы могли бы пожелать, поэтому вам следует спросить, возможно ли постепенное улучшение. Если вы можете разумно улучшить визуальные эффекты с помощью css, примененного после загрузки страницы, например, применения стилей с библиотеками jQuery, MooTools или Prototype, и эти библиотеки уже служат определенной цели на вашем веб-сайте, тогда вы можете применить дополнительные стили к этим библиотекам ( и, возможно, использовать их совместно с Modernizr, чтобы определить, какие элементы вы хотите дополнительно поддерживать.
Однако вполне вероятно, что браузер пропустит свойство, которое он не понимает, и отобразит то, что он делает, поэтому я рекомендую, чтобы, если вы сначала закодировали его в соответствии со стандартами W3C, а затем добавили дополнительные префиксы поставщика «до» окончательного (правильного) решения, то вы, вероятно, будете удовлетворены разумными мерами для обеспечения соответствия и удовлетворения потребностей проектирования.
Изменить:
Существует небольшая путаница между результатами проверки:
http://validator.w3.org/
и написание допустимого кода, связанного с префиксами вендора, для получения кросс-браузерных эффектов CSS:
Список префиксов поставщиков CSS?
для работы с некоторыми кросс-браузерными CSS, вы можете найти http://csspie.com, для совместимости IE с некоторыми свойствами CSS3, полезными наряду с http://www.colorzilla.com/gradient-editor/ для кросс-браузерных градиентов и http://cssplease.com для кода, который дает вам префиксы альтернативного поставщика, включая различные версии поддержки IE для множества различных свойств.
С точки зрения проверки , вот что W3C говорит об этом: ( см. Комментарии здесь: W3 VALID кросс-браузерный градиент CSS, ) и официальные документы здесь : http://www.w3.org/TR/css3-syntax/#vendor-specific
Если вы сначала кодируете в соответствии со спецификациями и проверяете свой код на соответствие этому, а затем добавляете префиксы вашего поставщика, чтобы получить те же эффекты в браузерах, которые вы хотите поддерживать (см. Прогрессивное улучшение: Что такое Progressive Enhancement? ) тогда вы можете быть более уверены в том, что ваш код поддерживает соответствующие стандарты, добавляя ценность тем, у которых более продвинутые браузеры, и все еще полезен для тех, у кого нет дополнительных функций (см. Также соответствие WAI III, соответствие 508 и другие, если вы хотите написать более инклюзивный сайт).
Предупреждение: Веб-приложения не всегда могут быть инклюзивными или следовать этим рекомендациям в зависимости от того, кто является аудиторией.