Статьи по меткам ‘CSS’

CSS Типы носителей

февраля 3, 2012

CSS типы носителейИнтернет-технологии развиваются, и вместе с этим растет число платформ, на которых разработчики создают свои разнообразные сайты. Различные устройства, могущие выходить в сеть, требуют для себя определенной, специальной среды разработки, и CSS это тоже касается напрямую. По этой причине в CSS и было введено понятие типа носителя. Используя такие типы, таблицы стилей пишутся под конкретные платформы отдельно. » Читать дальше: CSS Типы носителей

Как средствами CSS выровнить сайт по центру

июля 30, 2011

выровнить сайтРасположение сайта по центру служит основой большинства макетов. Технически центрировать сайт можно разными способами.  В этом уроке мы рассмотрим как это достигается средствами CSS.

Применяя CSS, можно быть уверенным, что схема центрирования будет работать во всех значимых браузерах.

Первым делом сбрасываем все, что браузеры навязывают нам как бы по умолчанию. У разных браузеров размера начальных отступов различны, и отказавшись от них мы работаем с ними на одних условиях — на наших.

Сегодня мы применим самый простой способ обнуления, наш простенький пример нам это разрешает. » Читать дальше: Как средствами CSS выровнить сайт по центру

Позиционирование блоков в CSS часть2

июля 29, 2010

Позиционирование в CSS В предыдущей статье «Позиционирование блоков в CSS», были рассмотрены основы данной темы, и уделено внимание относительному позиционированию. Продолжим далее.

Абсолютное позиционирование

Если, при относительном позиционировании блок, перемещаясь, как-бы резервирует за собой прежнее пространство документа, то абсолютно позиционированный элемент полностью его освобождает. Что позволяет следующим за ним блокам заполнять свободное место.

Для определения абсолютной позиции блока вполне достаточно указать два значения. Обычно используют пары: top — left, или top — right,реже применяют пары  bottom — left, или bottom — right, хотя, тут дело привычки. Важно помнить, если Вы не укажите значения координат блока, то он сам подскочит в левый верхний угол, со значениями по умолчанию top 0, и left 0. » Читать дальше: Позиционирование блоков в CSS часть2

Позиционирование блоков в CSS часть1

июля 20, 2010

Позиционирование в  css На первый взгляд, позиционирование блоков в CSS может показаться простой задачей. Но, на практике все получается сложнее. Поэтому, перед практическими занятиями версткой хорошенько разберитесь с теорией.

Блочная модель и позиционирование

Немного повторения. В статье об отступах и полях в CSS упоминалось, что все блочные элементы имеют прямоугольную форму. Они располагаются на веб-странице один под другим — такой порядок следования блочных элементов называют общим потоком. Рассмотрим на примере расположение бл. эл. в общем потоке:

» Читать дальше: Позиционирование блоков в CSS часть1