Андрей Кварцов

так?

Для теории знать конечно нужно, но сейчас это никто не делает руками. Используйте autoprefixer

Например вот так

Например:

<div class="gif">
 <img src="animation.gif">
</div>

.gif {
 width: 100px;
 height: 100px;
 background: url(static.jpg);
}

.gif img {
 display: none;
}

.gif:hover img {
 display: block;
}

Если вы понимаете, что есть просто верстальщик, а есть front-end разработчик, то должно понимать, что вёрстка будет сразу проходить по нужному в проекте сценарию, а не стандартно верстаться.

Все 3 свойства обязательны к изучению. Да и учить из этого придётся только flex, с остальным проблем не должно быть.

albburtsev.github.io/jquery.typist

Например:
Есть у вас большой сервис и вы поменяли CSS код, но т.к. у ваших пользователей включен кеш, они не заметят изменений пока не почистят кеш. А если добавить версию к файлу, то браузер будет думать, что это новый файл и тем самым заставит пользователя загружать его с вашего сервера, а не с кеша.

Вот так можно отцентрировать, блок, а пропорциональное уменьшение блока можно найти здесь же на тостере

Как понять какой цвет брать? Берите любой цвет, который подходит к общей стилистике сайта.
Из тёмных на страницах смотрится хорошо #333, но повторюсь - он не всегда может смотреться хорошо.