В этой статье мы научимся передвигать объект внутри какой-то области при помощи клавиш со стрелками на клавиатуре. Создадим файл index.html и две папки: js и css. В папке js создадим файл main.js, а в папке css создадим файл style.css. Теперь в файле index.html создадим начальную разметку и подключим файл стилей style.css и файл скрипта main.js . В теге body создадим div с классом app, а в нем создадим div с классом ball. DIV с классом app - это область, внутри которой будет перемещаться объект...

Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов. Позиционирование элементов определяется правилом position это правило чем то похоже на display, оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов "залипающих" на экране. static Это позиционирование элементов по умолчанию. Оно подразумевает, что элементы идут друг за другом согласно блочной модели...