Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Позиционирование
Дает возможность размещения элементов не по расположению их в коде, а конкретными координатами относительно родительского контейнера или всей страницы.

Свойства:

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

Code
position: absolute; // Отсчет берется относительно всей страницы

Code
position: relative; // Отсчет берется относительно родительского контейнера

Code
position: fixed; // Элемент не меняет своего положения даже при прокрутке

Code
position: static; // Элемент отображается как и расположен в коде

Значение по умолчанию - static

top
- определяет место расположения элемента от верхней границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:

Code
top: 20px; // Элемент располагается на расстоянии 20 пикселей от верха

left
- определяет место расположения элемента от левой границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:

Code
left: 30px; // Элемент располагается на расстоянии 30 пикселей слева

right
- определяет место расположения элемента от правой границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:

Code
right: 40px; // Элемент располагается на расстоянии 40 пикселей справа

bottom
- определяет место расположения элемента от нижней границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:

Code
bottom: 50px; // Элемент располагается на расстоянии 50 пикселей от низа

z-index
- при перекрывании элемента другими определяет какой из них будет находится выше.
Значения указываются целыми числами. Например элемент со значением 5 перекрывает элемент со значением 4 и меньше.
Примеры:

Code
z-index: 10; // Элемент перекрывает другие, у которых значение 9 и меньше

Code
z-index: auto; // Элементы перекрываются относительно расположения в коде

Значение по умолчанию - auto
Категория: CSS | Просмотров: 834 | Добавил: Red_Line666x | 13:12 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2017 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на http://school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"