Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!! smile

Что такое тег style, где применяется тег style и для чего !? Примеры использования тега style.
Тег style - это двойной тег, предназначенный для создания стилей на странице :
<style></style>

О теге style

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

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

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

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

    И конец тега :

    </style>

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

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

    Прим автора

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

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

    media

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

    type

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

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

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

    Прим автора

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Вас может еще заинтересовать список тем : #HTML | #HTML_TAGS |
Последняя дата редактирования : 2020-11-25 17:07
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
тег style тег style в html тег style css style внутри тега html style внутри тега связь css и html тег style

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.