Максим Тимофеев

Через html и css

1. пропущена кавычка после "box
2. если position: relative; тогда зачем top: 160px; left: 815px; ?
codepen.io/wokster/pen/mAbaJJ

Почитайте про модель MCV ruseller.com/lessons.php?id=666

можно
caniuse.com/#feat=flexbox

уверен, что это самопис, судя по коду:
Вот пример как это сделать:
https://habrahabr.ru/post/142137/
вот много вариантов:
https://yandex.ru/search/?text=parallax%20jquery%2...

Ловить не на элементе, а по координатам, предварительно их вычислив.

Нет никакого отступа, убедитесь, что у Вас масшаб на 0 сброшен

Читайте доки, а именно Column ordering:
getbootstrap.com/css/#grid-column-ordering

называть js файлы по разному смысла нет в них функции одинаково называются. А вот id для календарей надо было разные сделать. Скрипт 1 - id разные и все будет работать

Либо возьмите bootstrap getbootstrap.com/components/#nav либо подсмотрите у них реализацию, то что Вам надо называется у них "nav-justified"

Браузер рендерит страницу (ее элементы), согласно дефолтных правил (могут отличаться от браузера к браузеру незначительно), которые мы и переопределяем в css файле.
Сам механизм рендера зависит от браузера и не имеет описания в 2-3 строки. Уверен что на сайтах разработчиков того или иного браузера есть информация. Например: https://developer.mozilla.org/ru/

yii не может добавлять классы ссылкам

бред
вот доки:
www.yiiframework.com/doc-2.0/yii-widgets-menu.html
Вот пример:

echo Menu::widget([
    'items' => [
        ['label' => 'Home', 'url' => ['site/index'],'template'=>'<a href="{url}" class="MYclass">{label}</a>'],
       ['label' => 'Home', 'url' => ['site/index'],'options'=>['class'=>'MYCLASS']],
    ],
]);

Гоните в шею этого спеца

https://www.w3.org/2010/05/video/mediaevents.html

Можно класть фото на back блока фиксированого размера и задавать background-size:cover;
Или задавать max-width и max-height
Для увеличения есть куча готовых скриптов

элемент с display:block должен быть виден. В чем проблема?