|
Здравствуйте! Записался на ваш курс, но не понимаю как произвести оплату. Надо ли писать заявление и, если да, то куда отправлять? как я получу диплом о профессиональной переподготовке? |
Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 12:
Позиционирование в CSS
Параметр 'top'
Данный параметр определяет верхний край элемента.
Примечание: Если параметр "position" имеет значение "static", то параметр "top" не оказывает влияния.
Наследование: нет.
Примеры:
- В примере показано, как задать верхний край элемента pre на 50 px ниже верхнего края окна:
pre { position: absolute; top: 50px } - В примере показано, как задать верхний край элемента pre на 50 px выше верхнего края окна:
pre { position: absolute; top: -50px }
Может принимать следующие значения:
| Значение | Описание |
|---|---|
| auto | Позволяет браузеру вычислить верхнюю позицию. |
| % | Задает верхнюю позицию в % от значения верхнего края окна. |
| length | Задает верхнюю позицию в px, см, и т.д. от верхнего края окна. Допускаются отрицательные значения. |
Параметр 'vertical-align'
Данный параметр задает вертикальное выравнивание элемента.
Наследование: нет.
Примеры:
img
{
vertical-align: baseline
}Может принимать следующие значения:
| Значение | Описание |
|---|---|
| baseline | Элемент размещается на базовой строке родительского элемента. |
| sub | Выравнивает элемент как нижний индекс |
| super | Выраванивает элемент как верхний индекс |
| top | Вершина элемента выравнивается с вершиной самого высокого элемента в строке |
| text-top | Вершина элемента выравнивается с вершиной шрифта родительского элемента |
| middle | Элемент помещается в середине родительского элемента |
| bottom | Нижняя часть элемента выравнивается с самым нижним элементом в строке |
| text-bottom | Нижняя часть элемента выравнивается с минимальной нижней точкой родительского элемента |
| length | |
| % | Выравнивает элемент в % от значения параметра "line-height". Допускаются отрицательные значения. |
Параметр 'z-index'
Данный параметр задает порядковый номер элемента в стеке. Элемент с большим порядковым номером стека всегда находится перед элементом с меньшим порядковым номером стека.
Примечания:
- Элементы могут иметь отрицательные порядковые номера стека.
- Z-index работает только с теми элементами, которые были позиционированы не как static (например, position:absolute; )!
Наследование: нет.
Пример:
img
{
position:absolute
z-index: 1
}Может принимать следующие значения:
