Николай Шабалин, догадки? Это не догадки, это выдержка из спецификации html. Правда не точная цитата, лень искать было, написал по памяти, но суть передана точно. Искать, соответственно, на сайте w3c.
Николай, У вас малюсенькое заблуждение. Или путаница понятий. Выражение но в стилях приоритет :root выше, чем у селектора html. не означает, что выше элемента html в разметке есть что-то мифическое. Там ничего нет. Это написано по отношению к стилям и означает лишь то, что запись :root { color:red } будет иметь больший приоритет, чем html { color: green; }. Указывать они будут на один и тот же элемент. при использовании в html {} он обращается к корневому элементу выше себя, т.е. к самому себе — тут вы опять вводите свои формулировки, неверные. Верно описать происходящее будет именно так, как я написал. И это не одно и то же.
научится круто анимировать — это как научится рисовать. В школе рисования вам расскажут теорию, научат рисовать простые вещи, но шедевр вы можете родить только сами.
На самом деле суть в том, что если rem указывается для корневого элемента, то для расчета значения используется initial value, которое в большинстве браузеров равно шестнадцати пикселям, что мы и видим в примере автора вопроса.
