пример
Использование <style> элемента в HTML - документе:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Попробуй сам " Определение и использование
<style> тег используется для определения стиля информацию для HTML документа.
Внутри <style> элемента вы определяете , как HTML элементы должны сделать в браузере.
Каждый HTML - документ может содержать несколько <style> теги.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <style> | да | да | да | да | да |
Советы и примечания
Совет: Чтобы добавить ссылку на внешнюю таблицу стилей, используйте <link> тег.
Совет: Для того, чтобы узнать больше о таблицах стилей, пожалуйста , прочитайте наш Учебник CSS .
Примечание: Если "scoped" атрибут не используется, каждый <style> тег должен находиться в головной части.
Отличия между HTML 4.01 и HTML5
"scoped" атрибут является новым в HTML5, что позволяет определить стили для указанного раздела документа. Если "scoped" атрибут присутствует, стили применяются только к родительскому элементу элемента стиля и элементов дочерних этого элемента.
Атрибуты
= Новое в HTML5.
| Атрибут | Стоимость | Описание |
|---|---|---|
| media | media_query | Указывает, что медиа / устройства медиа ресурс оптимизирован для |
| scoped | scoped | Указывает, что стили применяются только к родительскому элементу этого элемента и элементов дочерних этого элемента |
| type | text/css | Определяет тип носителя <style> тега |
Глобальные атрибуты
<style> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<style> тег также поддерживает Атрибуты событий в HTML .
Похожие страницы
Учебник HTML: HTML CSS
Учебник CSS: Учебник CSS
HTML DOM ссылка: Style объекта
Настройки по умолчанию CSS
Большинство браузеров отобразит <style> элемент со следующими значениями по умолчанию:
style {
display: none;
}