|
== Поддержка CSS браузерами ==
Наиболее полно поддерживающими стандарт CSS являются браузеры, работающие на [[Браузерный движок|движках]] [[Gecko]] ([[Mozilla Firefox]] и др.), [[WebKit]] ([[Safari]], [[Arora]], [[Google Chrome]]) и [[Presto (Opera)]]<ref>[http://www.webdevout.net/browser-support-summary Web browser standards support]</ref> браузеры.
Бывший когда-то самым распространённым браузером<ref>[http://www.onestat.com/html/aboutus_pressbox53-firefox-mozilla-browser-market-share.html Mozilla’s Firefox global usage share is still growing according to OneStat.com]</ref> [[Internet Explorer]] 6 поддерживает CSS далеко не полностью<ref>[http://www.quirksmode.org/css/contents.html Contents and browser compatibility]</ref>.
Вышедший спустя 7семь лет после своего предшественника Internet Explorer 7 хотя и значительно улучшил уровень поддержки CSS<ref>[http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx Details on our CSS changes for IE7] IEBlog</ref><ref>[http://msdn2.microsoft.com/en-us/library/bb250496(VS.85).aspx Cascading Style Sheet Compatibility in Internet Explorer 7] MSDN</ref>, но всё ещё содержитсодержал значительное количество ошибок<ref>[http://www.positioniseverything.net/explorer.html The weird and wonderful world of Internet Explorer]</ref>.
В Internet Explorer 8 используется новый движок, который полностью поддерживает CSS 2.1 и частично — CSS 3<ref>[http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx CSS Compatibility and Internet Explorer] MSDN</ref>.
Для проверки поддержки браузером веб-стандартов, (в том числе и различных частей стандарта CSS), был разработан тест [[Acid1Acid3|Acid]]. Его вторая версия называется [[Acid2]], а третья, соответственно, [[Acid3]].
=== Различные блоковые модели ===
=== CSS-фильтры ===
Различия в реализации CSS различными браузерами заставляют веб-разработчиков искать решения, как заставить все браузеры отображать страницу одинаково. CSS-фильтры (также часто называемые CSS-хаками) позволяют выборочно применять (или не применять) стили к различным элементам. Например, известно, что [[Internet Explorer]] 6 применяет правила, использующие селекторы вида {{code|* html ''селектор''}} (фильтр, известный как «[[star html bug]]»). Тогда, чтобы заставить и браузеры, использующиеЧтобы блоковуюблоковая модель W3C и IE, работающегоработающая в [[Quirks mode]] со своей блоковой моделью, отображатьотображала блок {{code|#someblock}} шириной в 100 пикселей и внутренними отступами в 10 пикселей, можно написать такой код:
<source lang="css">
| 