Каскадные таблицы стилей. Позиционирование - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Каскадные таблицы стилей. Позиционирование, слайд №1

Каскадные таблицы стилей. Позиционирование, слайд №2

Каскадные таблицы стилей. Позиционирование, слайд №3

Каскадные таблицы стилей. Позиционирование, слайд №4

Каскадные таблицы стилей. Позиционирование, слайд №5

Каскадные таблицы стилей. Позиционирование, слайд №6

Каскадные таблицы стилей. Позиционирование, слайд №7

Каскадные таблицы стилей. Позиционирование, слайд №8

Каскадные таблицы стилей. Позиционирование, слайд №9

Каскадные таблицы стилей. Позиционирование, слайд №10

Каскадные таблицы стилей. Позиционирование, слайд №11

Каскадные таблицы стилей. Позиционирование, слайд №12

Каскадные таблицы стилей. Позиционирование, слайд №13

Каскадные таблицы стилей. Позиционирование, слайд №14

Каскадные таблицы стилей. Позиционирование, слайд №15

Каскадные таблицы стилей. Позиционирование, слайд №16

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Каскадные таблицы стилей. Позиционирование. Доклад-сообщение содержит 16 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Позиционирование

Слайд 2

Описание слайда:

Absolute – при использовании этого значения, вы можете разместить элемент в произвольном месте страницы, указав абсолютные значения сдвига блока. Absolute – при использовании этого значения, вы можете разместить элемент в произвольном месте страницы, указав абсолютные значения сдвига блока. Координаты указываются относительно левого верхнего угла (чаще всего) окна, либо относительно левого верхнего угла охватывающего блока, для которого задано свойство Position: Relative Блок со свойством Position: Absolute выбивается из общего потока и размещается поверх блоков идущих в общем потоке

Слайд 3

Описание слайда:

Relative – смещает блок относительно того места, в котором он находился бы без указания этого атрибута. Relative – смещает блок относительно того места, в котором он находился бы без указания этого атрибута. Static – оставляет блок в том месте, в котором его разместили в соответствии со стандартными тегами HTML. Fixed – фиксирует блок в заданном месте экрана и при скроллинге страницы остается на месте

Слайд 4

Описание слайда:

При задании абсолютного или относительно (absolute и relative) размещении блока используются четыре свойства: При задании абсолютного или относительно (absolute и relative) размещении блока используются четыре свойства: Top – расстояние элемента от верхнего края окна браузера при использовании абсолютного смещения, или от верхнего края какого-либо элемента страницы при относительном размещении. Right – расстояние элемента от правого края браузера при абсолютном размещении. Для относительного размещения свойство не используется. Bottom – расстояние элемента от нижнего края браузера для абсолютного размещения. Для относительного размещения свойство не используется. Left – расстояние элемента от левого края окна браузера при абсолютном размещении, или сдвиг влево от какого-либо элемента страницы при относительном размещении.

Слайд 5

Описание слайда:

Этот раздел отпозиционирован в абсолютной системе координат. Его верхний левый край расположен в точке (20px;10px).

Слайд 6

Описание слайда:

… … function up(){if(window.document.all. block.style.pixelTop>-100) {window.document.all.block.style.pixelTop-=30; setTimeout("up();",500); }} … … [ Поднять блок] [Вернуть блок] Закрыть окно

Слайд 7

Описание слайда:

Этот блок находится в точке отсчета относительных координат А этот блок смещен вправо на 50px

Слайд 8

Описание слайда:

Сдвинуть слой Сдвинуть слой

Слайд 9

Описание слайда:

Explorer: ... Explorer: ... Netscape: ...

Слайд 10

Описание слайда:

function change() function change() { next=current+1; if(next>1) next=0; window.document.all.item("list", current).visibility="hidden"; window.document.all.item("list", next).visibility="visible"; current=next; }

Слайд 11

Описание слайда:

Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним. Если предполагается вывод разных элементов в одно и то же место экрана, для обхода этой особенности следует использовать абсолютное позиционирование или воспользоваться свойством display.