CSS по шагам

         

Пример 3.1. Импорт стилевого файла


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

 @import "/style/main.css" screen; /* Стиль для вывода результата на монитор */

 @import "/style/palm.css" handheld, print; /* Стиль для печати */

</style>

</head>

<body>

...

</body>

</html>

В данном примере импортируется два файла — main.css предназначен для изменения вида документа при его просмотре на экране монитора, и paml.css — при печати страницы и отображении на КПК.

Команда @media позволяет указать тип носителя для таблицы глобальных или связанных стилей и в общем случае имеет следующий синтаксис.

@media тип носителя 1 {

  Описание стиля для типа носителя 1

}

@media тип носителя 2 {

 Описание стиля для типа носителя 2

}

После ключевого слова @media идет один или несколько типов носителя, перечисленных в табл. 3.1, если их больше одного, то они разделяются между собой запятой. После чего следуют обязательные фигурные скобки, внутри которых идет обычное описание стилевых правил. В примере 3.2 показано, как задать разный стиль для печати и отображения на мониторе.




Содержание  Назад  Вперед