Vladislav

Коротко и ясно: этапы развития в вэбе HTML5, CSS3, JAVASCRIPT, потом Jquery, далее выбирай один из препроцессоров CSS3 и юзай, рекомендую смотреть в сторону SASS пока так, это если ты хочешь быть фронтэндером или верстальщиком, хотя верстка неотъемлемая часть фронта. Касаемо Jquery советую попрактиваться на нем и возвращаться затем к js нативному, потому что jquery уже начинает постепенно уходить на второй план, поскольку уже все современные браузеры поддерживают js хорошо, учи js ES6 именно

Через this

Посмотрите видос Вадима, понятно и доступно объясняет про box-sizing https://youtu.be/IH_V0duSGLo

Да, дело в приорите, попробуй отталкиваться от самого селектора body и в него стили вложить или используй !important на крайний случай

Поставь position: relative элементу у которого overflow: hidden

Привет, попробуй прописать префиксы к флексам через autoprefixer в vs code плагин или через node modules плагин autoprefixer для gulp

input:focus { outline: none; }

1) Position, если высота известна https://codepen.io/anna_blok/pen/eqOVQN
2) Position, если высота не известна https://codepen.io/anna_blok/pen/oKvYdW
3) Использование псевдо-элемента https://codepen.io/anna_blok/pen/rXBmag
4) CSS Flexbox (блок растянут полностью) https://codepen.io/anna_blok/pen/YmKaGv
5) CSS Flexbox (блок имеет ограничения по ширине и высоте) https://codepen.io/anna_blok/pen/mNbmmB
6) CSS Grid https://codepen.io/anna_blok/pen/dxbWKR
7) Table & Table-cell https://codepen.io/anna_blok/pen/KOPmjP