...Описать, почему важно использовать его, ссылки на наиболее важные ресурсы ...
Наиболее распространённые виды позиционирования (свойство position):
- static: значение по умолчанию, дополнительное позиционирование не нужно
- relative: относительно обычного положения. Например, можно сместить элемент на 10px относительного его обычного положения
- absolute: остальные элементы размещаются так, как будто бы элемента с позиционированием absolute не было. Координаты top/bottom/left/right для нового местоположения отсчитываются от ближайшего позиционированного родителя, т.е. родителя с позиционированием, отличным от static. Если у элемента есть позиционированный предок, то `position: absolute`` работает относительно него, а не относительно документа
- fixed: позиционирование относительно window
Примеры:
<style>
h2 {
position: relative;
top: 10px;
}
</style>Для дополнительного прочтения рекомендуется javascript.ru