Импорт CSS

Дата добавления: 2015-07-09; просмотров: 683; Нарушение авторских прав

В текущую стилевую таблицу можно импортировать содержимое CSS-файла с помощью команды @import. Этот метод допускается использовать совместно со связанными или глобальными стилями, но никак не с внутренними стилями. Общий синтаксис следующий.

@import url("имя файла") типы носителей;

@import "имя файла" типы носителей;

После ключевого слова @import указывается путь к стилевому файлу одним из двух приведенных способов — с помощью url или без него.

Пример 6.Импорт CSS в глобальную таблицу стилей

<!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=utf-8">

<title>Импорт</title>

<style type="text/css">

@import url("style/header.css");

H1 {

font-size: 120%;

font-family: Arial, Helvetica, sans-serif;

color: green;

}

</style>

</head>

<body>

<h1>Заголовок 1</h1>

<h2>Заголовок 2</h2>

</body>

</html>

В данном примере показано подключение файла header.css, который расположен в папке style. Аналогично происходит импорт и в файле со стилем, который затем подключается к документу (пример 7).

Пример 7.Импорт в таблице связанных стилей

@import "/style/print.css";@import "/style/palm.css"; BODY { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; background: white; color: black;}

В данном примере показано содержимое файла mysite.css, который добавляется к нужным документам способом, показанным в примере 1, а именно с помощью тега <link>.

<== предыдущая лекция	\|	следующая лекция ==>
Внутренние стили	\|	Типы носителей.