Как вставить стили в документ
Есть два варианта
Первый вариант: стили непосредственно в документе
<html>
<head>
<style type="text/css">
p, td, div, ...
{ font-family: Verdana, Tahoma;
font-size:12pt;
...}
тэг
{ описание }
</style>
</head>
<body>
...
</body>
</html>
где p, td, div, ... – текстовые теги, используемые на странице.
Неудобен тем, что при любом изменении в стилях – следует
изменять во всех документах, где стили применяются.
Второй вариант: стили в подключаемом файле
Базовый лист стилей
создаем файл "style.css":
p, td, div, ...
{ font-family: Verdana, Tahoma;
font-size:12pt;
... }
тэг
{ описание }
а в документ вставляем привязку к файлу с листом стилей:
<html>
<head>
<link rel="stylesheet"
href="style.css"
type="text/css">
</head>
<body>
...
</body>
</html>
удобен тем, что при желании что-либо из стилей изменить — нужно изменить
только в один документ – style.css.
Альтернативные листы стилей
Мозилла понимает несколько разных файлов стилей и умеет их переключать.
Эти файлы называют «альтернативными файлами стилей».
Для реализации нужно создать несколько файлов с разным стилевым оформлением, а в документ прописать:
<html>
<head>
<link rel="stylesheet"
href="style.css"
type="text/css">
<link rel="alternate stylesheet"
href="styleBlack.css"
type="text/css"
title="Черная ночь">
<link rel="alternate stylesheet"
href="styleBlue.css"
type="text/css"
title="Голубая Лагуна">
</head>
<body>
...
</body>
</html>
Выглядеть будет так:
|
