HTML, Excel, Word, SEOОсновы CSS ⇒ position - положение элемента

Основы CSS

Учебник CSS
· Что такое CSS?
· Структура html-страницы
· Шрифт: размер и гарнитура
· Выравнивание и пробелы
· Начертание шрифта
· Оформление ссылок
· Форматирование списков
· Классы
· Изображения
· Справочник атрибутов CSS

Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры



position - положение элемента

Атрибут CSS position
Функция Положение элемента
Область применения Все элементы
Пример написания
position: absolute; top: 10 px; left: 15 mm;
position: fixed; top: 10 px; left: 15 mm;
position: relative; top: 10 px; left: 15 mm; right: 25%;
position: static; top: 10 px; left: 15 mm; bottom: 1 in; right: 5 mm;
Пояснение position задает положение элемента:
  • absolute, fixed - не изменяет положения при прокрутке;
  • relative - единицы измерения основаны на исходной позиции элемента;
  • static - элементы устанавливаются как обычно (по умолчанию).
В качестве значений можно использовать любые допустимые размерные величины. Данный атрибут зачастую является проблемным в IE.

Вернуться к списку атрибутов CSS



В начало страницы



В начало страницы