Блог одного верстальщика.

Для экспериментов взял приведенный выше макетик. Тестировал в Safari для Windows так как этот браузер понимает multiple background и border-radius. HTML разметка. <div class="block"> текст </div> Эта разметка используеться для обоих пр...

В последнее время видел в сети несколько вариантов вёрстки подобных макетов и решил представить свой вариант. Html разметка Для html разметки используем definition lists: <dl class="table-of-content"> <dt><span>Закладка фундамен...

Что такое CSS media types Большинство людей знают, что CSS делает HTML страницы более симпатичными на экране. Однако, CSS позволяет определять отображение (воспроизведение) страницы и в менее традиционной обстановке. Например, вы можете использова...

Итак, задача сделать разметку в 3 колонки, при этом, чтобы колонки были равной высоты, вне зависимости от объема контента в каждой из них. Основа трёх колонок Исходный HTML: <div class="equal"> <div id="row" class="row"> <div class=...

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

Всем известно что браузеры IE некоректно работают с CSS. Мало того, у них у всех разные ошибки, ошибки которые сть в одной версии, отсутствуют в другой. Для создание стилей IE есть несколько методов: условные комментарии (Conditional Comments) и c...

Исходный HTML код таблицы:<table summary="Значение атрибута summary" title="Значение атрибута title"> <tr> <td>Пример </td> <td>Таблицы</td> </tr> </table> CSS:table[summary]:after { content: "Таблиц...

Этот способ работает только в адекватных браузерах, которые понимают как минимум :before и поддерживают генерацию контента средствами CSS Итак, имеем следующий HTML:<h1>Заголовок</h1> <h2>Заголовок</h2> <h2>Заголовок&...

Создаем меню исходный HTML:<ul class="menu"> <li><a class="home" href="#"></a></li> <li><a class="blog" href="#"></a></li> <li><a class="autor" href="#"></a></li> </u...

- автор Ian Graham. свойства и их значения селекторы поддержка браузерами - Шпаргалки по CSS от ILoveJackDaniels. свойства селекторы блочная модель синтаксис еденицы измерения значений типы - автор dtquidcity. свойства селекторы блочная модель син...