Стили на странице с помощью тега style

Что такое тег style, где применяется тег style и для чего !? Примеры использования тега style.

Тег style - это двойной тег, предназначенный для создания стилей на странице :

О теге style

1. Что такое тег style
2. Для чего используется тег style

Что такое тег style

Как уже было выше сказано - для чего нужен тег style

тег style предназначен для создания стилей на странице.

Синтаксис тега style:

тег style - это представитель двойных тегов, т.е. у него есть начало тега:

<style>

И конец тега :

</style>

Расположение тега style:

Тег style оп правилам должен располагаться в шапке сайта head

Прим автора

Но если вы используете данный тег в любом другом месте на странице, то стили выполнятся без проблем.

Атрибуты тега style:

media

Определяет устройство вывода, для работы с которым предназначена таблица стилей.

type

Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.

Пример используемого атрибута в теге style:

<style type="text/css"></style>

Прим автора

Давно не использую никаких атрибутов в теге style, современные браузеры понимают и без них.




Для чего используется тег style

Тег style используется для создания стилей на странице.

Данные стили будут действовать только на данной странице.

Когда нужно создать некоторые стили, которые будут повторяться, или не будут повторяться на уникальной странице.

Пример использования тега style

Рассмотрим простейший пример использования тега style

Сделаем пример, который первым придет на ум - давайте зададим нашему элементу новый цвет :

Пусть это будет div

<div class="example">Пример использования тега style</div>

Пропишем класс(class) для нашего элемента :

<style>.example{color:red;}</style>

Смотрим на результат :

Пример использования тега style