Внешние таблицы стилей

2008-03-17 / Рубрика: CSS

Существует несколько способов подключить внешнюю таблицу стилей. Для современых браузеров предпочтительным способом является @import, однако старые браузеры не его поддерживают, т. е. страница отобразится без оформления (повод обновиться?).

Сегодня часто используют подключение альтернативных таблиц стилей (с помощью ).

<h3>Альтернативная таблица стилей</h3>
<head> 
<link rel="alternate stylesheet" 
 type="text/css" media="screen" href="myotherstyle.css" />
</head>
<h3>Главная таблица стилей</h3>
<head> 
<link rel="stylesheet" 
 type="text/css" media="screen" href="path/to/mystyle.css" />
</head>

Импорт таблицы стилей

<head> 
<style type="text/css" media="screen">
@import url (path/to/mystyle.css); 
</style>
</head>

Или ещё можно использвать кавычки вместо скобок, чтобы таблицу не подключал IE4.

<head> 
<style type="text/css" media="screen">
@import url "path/to/mystyle.css"; 
</style>
</head>

Автор — tanfa.co.uk

Дата написания — 2008-03-17

Оригинал: http://www.tanfa.co.uk/css/cribsheet/crib04.asp