Безопасное подмножество CSS?

Question

Обратиться ко всем браузерам обратно в IE6 довольно сложно. Каждый браузер поддерживает различные функции спецификаций. Существует ли руководство по безопасному подмножеству CSS, которое можно использовать в разных браузерах (IE6, IE7, FF1, FF2, Safari, Opera)? Таким образом, мне не нужно будет проверять свои таблицы стилей в 6 различных браузерах после каждой небольшой модификации - и приспосабливаться к их раздражающим причудам.

Answer 1

Вот ценная ссылка. http://www.quirksmode.org/css/contents.html

Также для IE и выбора других браузеров - условные комментарии. http://msdn.microsoft.com/en-us/library/ms537512.aspx

Я использую их таким образом. Я переопределяю любые особенности IE.

<link rel="stylesheet" type="text/css" href="theme.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="theme-ie6.css" />
<![endif]-->

Answer 2

По моему опыту, хотя некоторые атрибуты CSS могут поддерживаться всеми браузерами, они не всегда ведут себя одинаково. Даже некоторые из самых основных атрибутов, такие как margin / padding / float, могут заставить вещи выглядеть по-разному между IE и всем остальным.

Обычно общий шаблон сайта является наиболее сложным. То, как я это делаю, заключается в том, что, как только я напишу этот шаблон и простые классы, которые будут использоваться в реальном контенте, протестируйте несколько образцов страниц во всех браузерах. Обычно вы не будете бросать какие-либо серьезные ключи в систему, как только вы будете работать с контентом (хотя я всегда буду делать параноидальную проверку здесь и там).

Answer 3

Обе ссылки от Даниэля и Джлидева являются ценными ресурсами. Во многих случаях лучше всего использовать таблицу стилей сброса (только один пример), которая сведет к минимуму различия рендеринга между браузерами.

Дин Эдвард IE7 - это JavaScript-код, который добавит многие стандартные функции CSS в IE6 / 7 (например, <abbr> и поддержку псевдо-селекторов).

Я рекомендую разработать для Firefox / Opera / W3 spec, затем использовать условные комментарии для IE6 / 7.

Answer 4

Я нашел книгу под названием Pro CSS и HTML Design Patterns , в которой содержатся предварительно протестированные фрагменты многоразового CSS. Это очень близко к тому, что мне действительно нужно.