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

Последние комментарии :
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.
Марат :
23/11/2020 07:38
Приходите ещё!
подробнее.
Лило :
23/11/2020 06:34
Благодарю, удобно
подробнее.
Марат :
15/11/2020 01:57
Здесь отвечал...1) Есть вот комментарии от вконтактае, очень простые 2)Такое же есть от мордокниги, 3) смотрите…
подробнее.