CSS

Как это?

CSS (каскадные таблицы стилей) позволяют присвоить визуальный стиль каждому элементу (или группе элементов) HTML-документа. При этом под стилем понимают на только оформление элемента, но и его расположение на странице. Использование CSS дает практически одинаковое отображение HTML-страницы в различных WEB-обозревателях и уменьшает ее физический объем за счет существенного снижения числа повторяющихся тэгов и их атрибутов. Стиль конкретного элемента может быть задан как непосредственно в самом элементе, так и в таблице стилей, которая, в свою очередь, может быть внешней или внутренней (содержаться в самой HTML-странице). Внешняя таблица стилей может быть подключена к очень большому числу HTML-страниц, оформление всех этих страниц будет одинаковым и его легко можно изменить изменением только одной таблицы стилей.

Начнем с внутренней таблицы. Для создания внутренней таблицы стилей в HTML-документе используют тэги <style> - открывает таблицу стилей и </style> - закрывает ее. Сама таблица стилей должна располагаться между тэгами <head> и </head>:

<HTML>
<head>
<style>
Здесь - таблица стилей.
</style>
<head>
<body>

</body>
</HTML>

Стиль элемента задается идентификатором элемента и набором стилевых свойств, которые перечисляют в фигурных скобках и разделяют точкой с запятой. Идентификатором элемента может быть HTML-тэг, например, такая запись в таблице стилей задаст желтый цвет фона страницы:

body{background:#ffff0f;}

А такая -

body{background:url(i1.JPG);}

использует в качестве фона картинку из файла i1.JPG, расположенного в одной папке с HTML-страницей. Короче, берем здесь картинку, и - пример:

<HTML>
<head>
<style>
body{background:url(i1.JPG);}
</style>
<head>
<body>

</body>
</HTML>

Посмотрим, что получилось и пойдем дальше.

Рейтинг@Mail.ru