это уже можно применять. [2011-08-20]
Автор: Андрей Каструбин
Позиционирование - это способы размещения блоков, текста, картинок и т.п.
В общем то, что вы видите красивые и разнообразные страници, а не всё в одну строчку - основная заслуга этих расширений тегов.
| команда |
виды команды |
расширение |
описание |
размерность |
| bottom |
положение элемента смещено вниз |
| top |
положение элемента смещено вверх |
| right |
положение элемента смещено в право |
| left |
положение элемента смещено в лево |
| margin |
внешнее расстояние между бордюром и границей прямоугольника блока |
| пример: |
h1 {margin: 10px 5px 10px 5px} |
| margin-bottom |
значения
1-4* |
снизу внешнее расстояние между бордюром и невидимой границей прямоугольника |
размер |
| margin-left |
слева внешнее расстояние между бордюром и невидимой границей прямоугольника |
размер |
| margin-right |
справа внешнее расстояние между бордюром и невидимой границей прямоугольника |
размер |
| margin-top |
сверху внешнее расстояние между бордюром и невидимой границей прямоугольника |
размер |
| padding |
расстояние между содержимым элемента и бордюром. |
| пример: |
p {padding: 20px 10px 20px 10px;} |
| padding-bottom |
значения
1-4* |
снизу расстояние между содержимым элемента и бордюром. |
размер |
| padding-left |
слева расстояние между содержимым элемента и бордюром. |
размер |
| padding-right |
справа расстояние между содержимым элемента и бордюром. |
размер |
| padding-top |
сверху расстояние между содержимым элемента и бордюром. |
размер |
| position |
position изменяет порядок, в соответствии с которым элемент отображается на веб-странице. По умолчанию они отображаются последовательно один за другим в том порядке, в котором они определены в документе. |
Блочные элементы, такие как p, div, table, blockquote и др. отображаются в виде прямоугольника, который занимает 100% ширины родительского элемента. Поэтому последовательные блочные элементы отображаются один под другим. Свойство position вместе с top, right, bottom и left свойствами может отображать элемент с нарушением обычного порядка.
Инлайновые элементы, такие как em, strong, span, q, abbr и т.п., отображаются в виде прямоугольника, ширина которого соответствует ширине данных внутри него. Поэтому инлайновый элементы отображаются рядом друг с другом, либо рядом с текстом. |
| static |
Элементы отображаются последовательно один за другим в том порядке, в котором они определены в документе |
есть/нет |
| relative |
top |
смещается вверх |
размер |
| bottom |
смещается вниз |
размер |
| right |
смещается вправо |
размер |
| left |
смещается влево |
размер |
| absolute |
top |
смещается вверх |
размер |
| bottom |
смещается вниз |
размер |
| right |
смещается вправо |
размер |
| left |
смещается влево |
размер |
| fixed |
top |
смещается вверх |
размер |
| bottom |
смещается вниз |
размер |
| right |
смещается вправо |
размер |
| left |
смещается влево |
размер |
