Тег <style>

Опис

Тег <style> визначає стиль для документу або окремих елементів на сторінці. Стилі можуть бути задані безпосередньо в тегу або посилатися на зовнішні CSS файли.

Рекомендується використовувати зовнішні CSS файли для кращої організації та підтримки коду.

Приклад

<style>
    h1 {
        color: blue;
    }
</style>

Підтримується всіма сучасними браузерами.

Тег <link> для підключення зовнішніх CSS файлів.

<style type='text/css'>
    /* CSS Rules */
</style>

Атрибути

mediaВказує, для яких пристроїв або медіа-типів застосовується стиль.
typeВказує тип контенту в тегу <style> (зазвичай text/css).

Часті запитання

  • Q: Як використовувати тег <style> в HTML?

    A: Тег <style> використовується для вкладення стилів безпосередньо всередині документа HTML.

  • Q: Як використовувати зовнішні CSS стилі з тегом <style>?

    A: Для використання зовнішніх CSS стилів з тегом <style> використовують правило @import або підключають зовнішній CSS файл.

  • Q: Де розміщувати тег <style> в HTML документі?

    A: Тег <style> можна розмістити у розділі <head> документа HTML для глобальних стилів або безпосередньо всередині елементу для локальних стилів.

  • Q: Як використовувати вкладені стилі з тегом <style>?

    A: Для використання вкладених стилів з тегом <style> потрібно описати стилі всередині відкриваючого та закриваючого тегів <style>.

  • Q: Чи можна використовувати тег <style> всередині елементів HTML?

    A: Так, тег <style> можна використовувати для вкладених стилів безпосередньо всередині елементів HTML, наприклад, у атрибуті style.