селекторы в действии - введение

( 0 - user rating )

Оригинал: Selectors in action - step by step tutorial

Этот справочник предназначем для того, чтоб показать как можно использовать селекторы для создания простого расположения (лейаута) на странице. Как часть этого процесса, мы рассмотрим несколько случаев для одного и того же элемента, чтоб показать как различные css правила могут быть написаны для одинаковых селекторов в зависимости от их расположения.

Расположение (layout)

В справочнике будет использоватся 3-колоночная резиновая структура одиноковой высотой в каждой колонке и разными цветовыми заливками.

Существует много способов создать трехколоночную структуру и у каждого способа есть свои плюсы и минусы. Наш способ будет корректно работать при любой ширине боковых колонок. Необходимо только, чтоб ширина центральной колонки была не менее 400 пикселей, чтоб не ломалась структура.

Окончательный вариант примера

Перейти к шагу #1

Добавить комментарий


Защитный код
Обновить

Переводы


Selectutorial

Селекторы в действии

listutorial

Изображения для маркеров списка

css screencast