ОписаниеТег <STYLE> применяется для определения стилей элементов web-страницы. Тег <STYLE> необходимо использовать внутри контейнера <HEAD>. Можно задавать более чем один тег <STYLE>. Синтаксис<head>
<style type="text/css"> ... </style> </head> Параметры
Закрывающий тегОбязателен. Пример 1. Использование тега <STYLE>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования тега STYLE</title> <style type="text/css"> H1 { font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333366 } </style> </head> <body> <H1>Добро пожаловать на эту страницу!!</H1> </body> </html> Описание параметров тега <STYLE>Параметр MEDIA
ОписаниеЗадает устройство вывода, для которого предназначена таблица стилей. Для каждого устройства - от карманного компьютера до принтера можно определить свою собственный стиль, который бы учитывал специфику устройства и подгонял под него вид web-страницы. Синтаксис<style media="all | screen | print | projection | braille | speech">...</style>
Аргументы
Можно устанавливать сразу несколько значений, перечисляя их через запятую. Значение по умолчаниюscreen Пример 2. Стили для разных устройств вывода <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега STYLE, параметр media</title> <style type="text/css" media="screen"> .window { background: #333; border: 1px solid red; font-size: 90%; color: #fc0; padding: 10px } </style> <style type="text/css" media="print"> .window { border: 1px solid black; font-family: Arial; font-size: 90%; font-weight: bold; color: black; padding: 10px } </style> </head> <body> <div class="window"> Все счастливые семьи похожи друг на друга, каждая несчастливая семья несчастлива по-своему. (Лев Николаевич Толстой. Анна Каренина) </div> </body> </html>
Параметр TYPE
ОписаниеСообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать таблицу стилей. Как правило, браузеры корректно работают со стилями и при отсутствии этого параметра, он необходим для некоторых старых браузеров, которые могут не распознать содержимое контейнера <STYLE>. Синтаксис<style type="text/css">...</style>
АргументыВ качестве значения используется MIME-тип - text/css. Значение по умолчаниюtext/css Пример 3. Использование параметра type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега STYLE, параметр type</title> <style type="text/css"> a:link { color: #003366; } a:visited { color: #660066; } a:hover { color: #800000; } a:active { color: #FF0000; } </style> </head> <body> <p><a href="/test.php">это текст ссылки это текст ссылки</a></p> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 311 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |