Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Редактор Поддержка Обновить

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <style>



Пример

Использование элемента <style> для применения простой таблицы стилей к HTML документу:

<html>
<head>
<style>
 h1 {color:red;}
 p {color:blue;}
</style>
</head>
<body>

<h1>Заголовок</h1>
<p>Параграф.</p>

</body>
</html>
Попробуйте сами »


Определение и использование <style>

Тег <style> используется для определения информации о стиле (CSS) документа.

Внутри элемента <style> вы указываете, как HTML элементы должны отображаться в браузере.


Примечание: Когда браузер читает таблицу стилей, он форматирует HTML документ в соответствии с информацией в таблице стилей. Если некоторые свойства были определены для одного и того же селектора (элемента) в разных таблицах стилей, то будет использоваться значение из последней прочитанной таблицы стилей (см. пример ниже)!

Совет: Чтобы создать ссылку на внешнюю таблицу стилей, используйте тег <link>.

Совет: Чтобы узнать больше о таблицах стилей, пожалуйста, прочтите CSS Учебник.


Поддержка браузеров <style>

Элемент
<style> Да Да Да Да Да

Атрибуты <style>

Атрибут Значение Описание
media media_query Указывает, для какого носителя/устройства оптимизирован медиаресурс
type text/css Указывает тип носителя тега <style>

Глобальные атрибуты <style>

Тег <style> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <style>

Тег <style> также поддерживает События атрибутов в HTML.


Еще примеры <style>

Пример

Несколько стилей для одних и тех же элементов:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
<style>
  h1 {color:green;}
  p {color:pink;}
</style>
</head>
<body>

<h1>Это заголовок</h1>
<p>Это параграф.</p>

</body>
</html>
Попробуйте сами »

Связанные страницы <style>

HTML Учебник: HTML CSS

CSS Учебник: CSS Учебник

HTML DOM Справочник: Объект Style


Настройки CSS по умолчанию <style>

Большинство браузеров будут отображать элемент <style> со следующими значениями по умолчанию:

style {
  display: none;
}