Некоторые преимущества использования встроенных стилей по сравнению с внутренними:
- Ускорение отрисовки страниц. 1 Поскольку код находится непосредственно в HTML-файле, браузер не загружает сторонние файлы, поэтому при первой загрузке стили отрисуются быстрее. 12
- Изолированная работа. 2 Встроенные стили работают изолированно и применяются непосредственно к странице, на которой прописаны. 2
- Удобство при создании email-рассылок. 1 По соображениям безопасности почтовые сервисы блокируют загрузку внешних ресурсов, в том числе стилевых файлов в HTML-коде письма. 1
- Возможность использовать псевдоклассы и псевдоэлементы. 2 Например, задавать интерактивные состояния отдельно выбранным кнопкам, стилизовать каждый чётный элемент списка и так далее. 2
Однако у встроенных стилей есть и недостатки: с каждым новым правилом вес HTML-файла будет увеличиваться, и страница будет загружаться медленнее. 2