селекторы в действии - введение
Оригинал: Selectors in action - step by step tutorial
Этот справочник предназначем для того, чтоб показать как можно использовать селекторы для создания простого расположения (лейаута) на странице.
Как часть этого процесса, мы рассмотрим несколько случаев для одного и того же элемента, чтоб показать как различные css правила могут быть написаны
для одинаковых селекторов в зависимости от их расположения.
Расположение (layout)
В справочнике будет использоватся 3-колоночная резиновая структура одиноковой высотой в каждой колонке и разными цветовыми заливками.
Существует много способов создать трехколоночную структуру и у каждого способа есть свои плюсы и минусы. Наш способ будет корректно работать
при любой ширине боковых колонок. Необходимо только, чтоб ширина центральной колонки была не менее 400 пикселей, чтоб не ломалась структура.
Окончательный вариант примера
Перейти к шагу #1
Добавить комментарий