Встроенные теги

При стилизации веб-страниц существует два основных метода применения свойств CSS: встроенный стиль теги и встроенные свойства CSS. Теги встроенного стиля определяются в коде HTML, а встроенные свойства CSS применяются к конкретным элементам с помощью атрибута «стиль». Хотя оба метода могут дать схожие результаты, следует учитывать определенные преимущества и недостатки.

Внешние таблицы стилей, внутристраничные теги стилей и встроенные стили

Правила стиля можно прикрепить тремя основными способами. :

• Внешние файлы: Правила CSS определяются в отдельном файле, ссылка на который содержится в HTML-коде. document.
• Теги внутристраничного стиля: Правила CSS определяются в элементе
• Атрибут встроенного стиля: Правила CSS применяются непосредственно к элементам HTML с помощью атрибута «style».

Теги встроенного стиля и встроенный CSS Свойства

Для целей этого обсуждения давайте сравним теги встроенного стиля и встроенные свойства CSS. Теги встроенного стиля, как упоминалось ранее, определяются внутри самого HTML-кода, а встроенные свойства CSS применяются с использованием атрибута «style».

Как правило, теги встроенного стиля предпочтительнее встроенных свойств CSS, потому что они:

• Обеспечьте четкое разделение разметки и стиля.
• Создайте более чистую HTML-разметку.
• Являются более эффективен с селекторами, позволяя применять правила к нескольким элементам на странице.

С другой стороны, встроенные элементы влияют только на соответствующий элемент, к которому они применяются.

Специфичность и правила переопределения

Важным различием между тегами встроенного стиля и встроенными свойствами CSS является специфичность. Специфика определяет, когда один стиль переопределяет другой. Встроенные стили обычно имеют более высокую специфичность, чем стили, определенные в тегах встроенных стилей. Для лучшего понимания этой концепции обратитесь к информативной статье «CSS: Войны за специфичность».