Какие бывают типы структур CSS?
Что такое внешний CSS, внутренний CSS и встроенный CSS, которые являются структурными типами функции CSS (Cascading Style Sheet), используемой для придания внешнего вида скелетной структуре HTML на веб-сайтах, и в каких ситуациях их следует или не следует использовать.
Что такое внешний CSS?
Структура внешнего CSS это файл, содержащий элементы и классы CSS с расширением .css, который связывается с HTML-файлом с помощью ссылки. Их можно вызывать из нескольких страниц в дизайне Front End.
Что такое внутренний CSS?
Это структура CSS, используемая с классами, определёнными между тегами <style></style>, открытыми после тега <head></head>. Они могут использоваться только на той странице, на которой написаны, и не могут быть вызваны с других страниц.
Что такое встроенный CSS?
Структура встроенного CSS это структура стилей, присваиваемая напрямую конкретному тегу в HTML. В этой структуре CSS работает только на том теге, которому присвоен, и не может быть вызван на других тегах или влиять на них.
Google не рекомендует эту структуру и советует её избегать. Даже утверждает, что она нарушает политику безопасности контента (CSP).
Источник Google: