Проверяет понимание inline-стилей в HTML и их отличий от внешних и внутренних таблиц стилей.
Inline style — это CSS-правила, которые записываются непосредственно в HTML-тег с помощью атрибута style. Например: <div style="color: red;">Текст</div>. Такие стили применяются только к одному элементу и не переиспользуются.
Браузер обрабатывает inline-стили как обычные CSS-объявления, но с очень высоким приоритетом. Они переопределяют стили из внешних файлов и тега <style>, если не используются !important. Это связано с правилами специфичности: inline-стиль имеет специфичность 1-0-0-0, что выше, чем у селекторов классов или идентификаторов.
<!-- HTML -->
<p style="font-size: 18px; color: #333;">Привет, мир!</p>
<!-- Эквивалент в CSS -->
<style>
p {
font-size: 18px;
color: #333;
}
</style>Inline-стили удобны для быстрых экспериментов, динамического изменения стилей через JavaScript (например, element.style.color = 'red') или в письмах HTML, где внешние CSS не поддерживаются. Однако для больших проектов лучше использовать классы и внешние таблицы стилей — это упрощает поддержку и переиспользование.
Inline style — это простой и быстрый способ задать стиль элементу, но он снижает читаемость и масштабируемость кода. Используйте его точечно, а для системных решений предпочитайте CSS-классы.
