-
Зачем прописан класс block-2, ведь он в CSS не фигурирует?
-
Почему больший прямоугольник стоит раньше меньшего.
Инструменты разработчика в браузере изучаете?
Честно говоря, мне сам вопрос непонятен. 
Вы имеете ввиду просмотр кода страницы?
Я имею в виду инструменты, которые вызываются клавишей F12.
Класс block-2 тут скорее для красоты. Класс block объединяет общие свойства двух блоков, а дополнительные для указания размеров. А здесь просто перезаписали свойства, написав их ниже по коду.
Почему большой прямоугольник стоит первым? Потому что он по коду первый. А поток документа как идет? Правильно, слева направо и сверху вниз.
В том то и дело что малый прямоугольник прописан в block, а больший в block-1. И как он раньше по коду идёт?
У первого блока два класса…
Выходит, что порядок прописывания классов имеет значение?
В HTML - нет. А вот порядок правил в css-коде конечно имеет значение.
Разве вы не проходили курс “Наследование и каскадирование”?
подождите, что значит:
для обоих прямоугольников прописаны одинаковые свойства (селектор .block),
дальше для большого прямоугольника переопределены размеры (селектор .block1), но остальные свойства остаются неизменными и относятся как к большему блоку, так и к меньшему.
А вот об этом-то обстоятельстве я и забыл. Спасибо
Спасибо за терпимость к моим “глупостям”. 
По-видимому это у меня ретроградная амнезия 
Я перестал понимать вещи, ранее изученные. С праздником