Несколько причин, по которым стоит избегать использования встроенных стилей в HTML:

• Усложнение технического обслуживания. 1 Если использовать один и тот же стиль в разных местах на страницах, встроенный CSS-код придётся дублировать. 1 Это усложнит, например, изменение стиля. 1
• Увеличение объёма HTML-файла. 24 С каждым новым правилом вес файла будет увеличиваться, что приведёт к уменьшению скорости загрузки страницы. 2
• Трудночитаемость кода. 23 Логическая структура исчезает, стили размываются по всему коду. 2 Следить за стилизацией становится непросто, а поиск фрагмента, в котором нужно изменить CSS-правило, отнимает много времени. 2
• Приоритет встроенных стилей. 13 Они имеют наивысший приоритет, их нельзя переопределить с помощью селекторов по идентификатору, классу или тегу во внешнем CSS. 3
• Невозможность стилизовать псевдоэлементы и псевдоклассы. 13 С помощью встроенных стилей нельзя, например, стилизовать цвета посещённых, наведённых, активных и ссылок для тега привязки. 1

Вместо встроенных стилей рекомендуется использовать внешние таблицы стилей, чтобы отделить CSS от разметки и упростить поддержку кода. 24