CSS media types или различные стили для различных медиа носителей

Что такое CSS media types
Большинство людей знают, что CSS делает HTML страницы более симпатичными на экране. Однако, CSS позволяет определять отображение (воспроизведение) страницы и в менее традиционной обстановке. Например, вы можете использовать CSS для того, чтобы рассказать screenreader’у о том, как читать страницу, или вы можете использовать CSS, чтобы телефон не загружал фоновое изображение 1000×1000px […]

Колонки одинаковой высоты.

Итак, задача сделать разметку в 3 колонки, при этом, чтобы колонки были равной высоты, вне зависимости от объема контента в каждой из них.
Основа трёх колонок
Исходный HTML:
<div class=”equal”>
<div id=”row” class=”row”>
<div class=”one”>
<h2>Контейнер</h2>
<p>…обычный параграф…</p>
</div>
<div class=”two”>
<h2>Другой контейнер</h2>
<p>…обычный параграф…</p>
<p>…другой обычный параграф…</p>
</div>
<div class=”three”>
<p>…отцентрированный по вертикали параграф…</p>
</div>
</div>
</div>
С помощью CSS сделаем так, чтобы этот набор блоков отображался как таблица:
.equal {
display:table;
border-collapse:separate;
}
.row {
display:table-row;
}
.row […]

Что происходит в браузерах при Quirks Mode

Quirks Mode - это режим работы таких браузеров, как Internet Explorer (IE), Firefox и Opera. В принципе, Quirks Mode (также называемый режимом совместимости) означает, что относительно современный браузер преднамеренно имитирует многие ошибки в старых браузерах, в частности IE 4 и IE 5.
Цель Quirks Mode состоит в том, чтобы старые […]