Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31


Чувашия-это моя Россия

Типы позиционирования в CSS.

Существует четыре типа позиционирования, каждый из которых задается свойством position.

Свойство position в CSS. Значения:

                               static
                               relative
                               absolute
                               fixed
                               inherit

Начальное значение: static Применимо: Ко всем элементам. Наследуется: Нет.

Свойство position в CSS указывает, что положение элемента должно быть подобрано специально, и выбирает один из четырех методов позиционирования:

Значение static в CSS. Обычная схема позиционирования, в которой прямоугольники элементов отображаются на экране в порядке их появления в документе.

Значение relative в CSS. Относительное позиционирование перемещает прямоугольник, где содержится элемент, однако исходное пространство под него в документе сохраняется за самим элементом. Чуть позже увидим, как при помощи относительного позицирования relative в CSS получать удивительные эффекты на страницах сайта. И потом это свойство Вам всегда будет помогать и даст много возможностей.

Значение absolute. Объекты с абсолютной позицией изымаются из потока содержимого документа сайта и размещаются относительно охватывающего блока. В силу удаления из потока элемент больше не влияет на размещение окружающих элементов, а пространство, которое он занимал ранее, отдается для иных нужд. Элементы в абсолютной позиции всегда ведут себя так, как будто они являются блоками. Задав для блока значение absolute имеются удивительные возможности получать эффекты отображения с элементами внутри данного блока. Это свойство absolute всегда работает в связке с относительным позицированием relative.

Значение fixed в CSS. Выбор фиксированной позиции подобен выбору абсолютной (элемент удаляется из потока содержимого документа), однако положение элемента определяется относительно порта просмотра (в большинстве случаев окна браузера), а не того элемента, который содержит данный. Обратите на это внимание, потому что значение fixed не влияет на размещение элемента в данном блоке, то есть значение fixed задет положение элемента относительно окна компьютера.

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


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: