Фотографии Донецк, Киев, Москва
...
 
 

FAQ html, css, java-script, ssi

 

Как вставить стили в документ

Есть два варианта

Первый вариант: стили непосредственно в документе

<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>

Выглядеть будет так:

Применение альтернативных листов стилей

 

...

Немного о Донецке

Донецк. Каким ты был и каким стал
Фотографии Донецка: каким город был и каков он сейчас
 
Донецк. Скифская аллея
Скифская аллея
бульвар Пушкина, Донецк
 
Есть вопрос? Задайте!
  • ...
 
 
 
 
Стикер
...