Как использовать встроенные стили css?

Question

[Константин Сиукаев]

Добрый день! Подскажите, в каком случае актуально использовать встроенные стили, если лучшей практикой считают вынос стилей в отдельный css файл.

Comments

[Roman]

Константин Сиукаев юзай или critical css как подсказал Grigory S. или css preloader что своего рода подвид critical css как подсказал Алексей Немиро

Answer 1

[iBird Rose]

никогда. в html не должно быть стилей. никаких.
исключение только если через скрипты какой нить display:block; или none вешаете на блок или подобное

Comments

[Константин Сиукаев]

Просто, часто встречаю width и height во встроенных.

[iBird Rose]

Константин Сиукаев: это тоже можно отнести к скриптовым исключениям. когда блок должен просчитываться

[Максим Тимофеев]

А если надо в php задать url для background-image?

[Grigory S.]

Никогда не говорите никогда. Всё зависит от ситуации.

[iBird Rose]

Grigory S.: именно в таком вопросе - как раз лучше сказать никогда - и говорить "ладно. это исключение. тут можно", нежели сказать "не желательно", а потом видеть в html все css стили

Answer 2

[Алексей Немиро]

Встроенные стили имеет смысл использовать, когда нужно создать одну страничку, чтобы не было дополнительных файлов.

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

Встроенные стили могут использовать для корректировки существующих стилей, если лень ковыряться в файлах CSS и количество исправлений незначительное и единоразовое.

Приложения JavaScript могут содержать упакованные стили и встраивают их в HTML при инициализации. Это вполне нормальная практика. Однако если стилей очень много, их обычно выносят в отдельный файл.

Answer 3

[metaf]

В случае критического css, вэб компонентов (с большой поправкой на адаптивность) и писем актуально.

Answer 4

[Grigory S.]

Актуально, если использовать технику "Critical CSS".
https://www.smashingmagazine.com/2015/08/understan...
prgssr.ru/development/razbiraemsya-s-kritichnym-cs...

Comments

[Константин Сиукаев]

Спасибо за ссылки.