Заметим, что положение элемента не зависит от положения его тэга внутри html-документа.
relative - элемент будет установлен в соответствии с тем, в каком месте исходного текста он находится; это значение установлено по умолчанию. Например, если элемент находится в трех строках от начала его выделения в тексте документа, то по умолчанию считается, что свойство позиционирования имеет значение relative, а свойства координат left и top - нулевые значения. Ненулевые значения свойств left и top осуществляют сдвиг элемента относительно исходного положения.
static - элемент будет поставлен в некоторое положение относительно фона и не будет перемещаться при прокручивании страницы.
Посмотрим пример помещение текста на определенное место на странице и назначение ему красного цвета.
HTML-код этой страницы выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type"content="text/html; charset=windows-1251">
<META http-equiv="Content-Language" content="ru">
<title>Пример позиционирования текста</title>
</head>
<body>
<H1 STYLE="position:absolute;
top:120;left:100;width:400;height:100;color:red">
Это - позиционированный текст
</H1>
<h1>Текст, созданный без свойства позиционирования</h1>
<p style="position: relative; top: 40%;"><a href="css.htm#метка_10_2">
<font size="2">Возврат к рассмотрению
вопроса о каскадных таблицах стилей</font></a></p>
</body>
</html>
Стиль текста был задан в теге заголовка первого уровня <H1> с помощью атрибута STYLE. В дальнейшем тег <h1>применен еще раз, но стиль, указанный в атрибуте STYLE, уже не применяется. Второй текст появляется там, где он и должен появиться, как если бы первого тега <H1> не было совсем.
Верхний текст не позиционирован, а нижний - позиционирован. Дело в том, что в первом случае использования тега <H1> элемент позиционировался индивидуально с помощью атрибута STYLE, а во втором случае специального позиционирования не осуществлялось и броузер расположил элемент <H1> так, как он это должен был сделать по умолчанию.
Продолжение следует!
Статические фильтры
Фильтры - это эффекты изменения внешнего вида текста и графики на странице. Иначе, фильтр - это трансформация исходного изображения по определенным правилам.
Существуют статические и динамические фильтры. Статические фильтры просто изменяют внешний вид элемента. Динамические фильтры позволяют изменить графический элемент со скоростью, задаваемой пользователем. Работа динамических фильтров основана на сценариях.
Статический фильтр задается как свойство в таблице стилей.
filter: название_фильтра (параметр1,параметр2,...,параметр№)
Параметры не обязательны.
В версии 4 языка HTML имеется 14 статических фильтра.
Чаще других используются следующие фильтры (без параметров):