Тег <style>

IE
2.0+
Chrome
1.0+
Opera
3.5+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <style> применяется для определения стилей элементов веб-страницы. Тег <style> необходимо использовать внутри контейнера <head>. Можно задавать более чем один тег <style>.

Закрывающий тег обязателен.

<head>  
   <style>
      ...  
   </style>
</head>

Атрибуты

media: Определяет устройство вывода, для работы с которым предназначена таблица стилей
type: Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег style</title>
  <style>
   h1 { 
    font: 16px/12px Arial; /* задаем шрифт */
    color: red; /* цвет текста */
   }
  </style>
 </head> 
 <body>

   <H1>Стой, кто идет!</H1>

 </body>
</html>

Результат примера показан на рисунке ниже:

Вид заголовка после применения стилей

Категория: Документ

Статьи по теме