Описание стилей вставляется тремя способами. Отметим сразу, что приоритетным является то описание, что ближе к обьекту.
Первый способ.
Описание стиля вставляется непосредственно в обьект.Например для текста: <FONT style="font-family:Sans Serif,tahoma,
Verdana, Arial; SIZE: 14px;
FONT-WEIGHT: bold;
color:#00A400; ">Пример стиля</FONT>
Пример стиля
Примерно так-же описываются и другие обьекты: таблицы, ячейки, кнопки, рисунки, параграфы, DIV-ы, почти все. Разница только в параметрах, указываемых в описании. Пишем прямо в ТЭГ:
style="font-family:Sans Serif,
tahoma,Verdana, Arial; SIZE: 14px;
FONT-WEIGHT: bold;
color:#00F0FF; background-color:#00007B; " Или по русски:
пишем style=" описание стиля 1; описание стиля 2; "
Второй способ.
Этот способ наиболее часто встречается в оформлении страниц.
Вставляем между HEAD и /HEAD:
<style type=text/css>
<!--
описание стилей
-->
</style> В "описании стилей" вставляем все описания, которые нам нужны на данной странице.
Третий способ.
Этот способ наиболее соответствует всей концепции CSS.
Описание стилей размещается в отдельном файле.
В HEAD вставляем:
<link rel="stylesheet" type="text/css" href="styl.css"> Это ссылка на файл со стилями, указывающая браузеру на использование стилей. При встрече такой ссылки браузер обращается к Вашему файлу со стилями, размещенному по адресу:"styl.css". Файл можно назвать как угодно, главное, чтобы он был в формате "css" и имена в ссылке и файла совпадали.
Например:
<link rel="stylesheet"
type="text/css" href="petrovich.css">
для файла "petrovich.css" Файл CSS изготовить очень просто. В файле пишем то-же самое, что было между "style type=text/css" и "/style" во втором способе. Можно использовать простой стандартный "БЛОКНОТ", установленный на всех WIN. Открываем блокнот и пишем, например:
<!- -
body{background-color:#000000; font-family: MS Sans Serif, tahoma, Verdana, Arial; FONT-SIZE: 10px; color:#00EFFF}
A { color :#00E1FF; FONT-FAMILY: Verdana, Arial; text-decoration:underline; FONT-SIZE: 8pt;}
A:Hover { color :#FF0000; text-decoration: underline;}
- ->
Вот прямо так и пишем. Больше ничего. Не вдавайтесь в подробности написанного, поймите саму схему! Написали что хотели. Теперь находим у "БЛОКНОТА" кнопку "ФАЙЛ" и выбираем "СОХРАНИТЬ КАК,,,". Выбираем "ВСЕ ФАЙЛЫ" и пишем в строке для названия файлов:natali.css natali - это имя Вашего файла. Обязательно ставим точку и пишемcss маленькими буквами. Теперь осталось только нажать на кнопку "СОХРАНИТЬ". (Не забудьте перед нажатием найти ту папку, в которой будет этот файл.) Вот и все!
Файл в HEAD будет выглядеть так: <link rel="stylesheet" type="text/css" href="natali.css"> Файл CSS, как Вы понимаете сами, может размещаться и в другой папке. Тогда в "link" указываем тот адрес, по которому он находится.
Обратите внимание!
Если вы задали описание одной характеристики стиля одного обьекта двумя или тремя способами(например, в самом обьекте и в отдельном CSS-файле), то выполняться будет то описание, которое ближе к обьекту(в данном случае - стиль в самом обьекте)!
CSS