a {color:darkred;text-decoration:underline;}
a.doc {color:#003366;text-decoration:underline;}
td {font-size:10pt;}
.example {margin-left:10px;color:darkred;font-family:monospace;font-size:10pt;text-align:left}
#ht {color:darkred;}
#first {color:white;background-color:darkred;}
#second {color:darkred;}
Каскадные Таблицы Стилей. Учебник. Cascading Style Sheets ( CSS ). Guide.
if(window.navigator.appName=="Microsoft Internet Explorer")
{
//window.location.replace("pose.html");
}
Позиционирование
Этот раздел посвящен размещению блочных элементов HTML-разметки в рабочей области браузера с точностью до пикселя. До появления спецификации CSS-P, которая вошла в спецификацию CSS2, ничего подобного делать на HTML-страницах было нельзя. Некоторые наиболее дотошные читатели могут спросить - "А как на счет элемента разметки LAYER?". Во-первых, LAYER был введен Netscape практически одновременно с появлением CSS-P, а во-вторых, он поддерживается только браузерами Netscape.
Позиционирование и его программирование на JavaScript - это сплошное "минное поле" между двумя основными браузерами. При просмотре этих страниц следует отдавать себе отчет в том, что для каждого браузера загружается своя страница описания свойств позиционирования.
До появления CSS-P единственным средством относительно точного позиционирования были таблицы. Они позволяли точно расположить компоненты HTML-страницы относительно друг друга на плоскости. CSS-P описание позволяет точно разместить элемент разметки не только относительно других компонентов страницы, но и относительно границ страницы.
Кроме этого CSS-P добавляет странице еще одно измерение - элементы разметки могут "наезжать" друг на друга.
Первый слой, на который наедем другим слоем.
Второй слой, который наезжает на первый.
При этом можно менять порядок "наезда" - "перекладывать" слои. Для того, чтобы в этом убедиться, достаточно воспользоваться ссылкой из выше приведенного примера.
Но и это еще не все. Слои можно проявлять:
В целях конспирации этот текст могут увидеть только грамотные люди, которые умеют читать (какой-то бред как по форме, так и по содержанию :) ).
[Прояви текст]
[Скрой текст]
Термин "слой" вместо "блочный элемент разметки" используется здесь по той причине, что он лучше отражает эффект, который достигается за счет позиционировани, а не в пику поклонникам Microsoft.
Теперь осталось перейти к обсуждению атрибутов позиционирования.
далее...
Книги-online