Пространства имен и схемы 70 Сегментация проблемы 71



жүктеу 3,64 Mb.
бет120/150
Дата17.01.2022
өлшемі3,64 Mb.
#33337
түріПротокол
1   ...   116   117   118   119   120   121   122   123   ...   150
Лекции 2

Z-порядок

Элементы могут быть позиционированы абсолютно не только в двухмерном, но также и в трехмерном пространстве. Но в данном случае уместнее говорить о слоях.

Представьте себе визуализацию документа, содержащего несколько слоев прозрачности. Теперь вообразите ячейки, находящиеся на каждом уровне прозрачности. Стек прозрачностей представляет собой как раз третье измерение. Z-измерение — это слоистое представление, при котором ячейки можно накладывать друг на друга. Каждая ячейка расположена в контексте стека. Каждой ячейке в контексте стека присваивается номер уровня стека (целое число: может быть отрицательным). Номер указывает на положение ячейки относительно других ячеек в том же контексте. Ячейки с более высоким уровнем стека располагаются перед ячейками с более низким уровнем. Например, ячейка с уровнем стека 15 располагается выше ячейки с уровнем стека 2.

Слои особенно полезны при анимации объектов. С помощью сценария, манипулирующего моделью DOM и свойствами элемента, можно создать анимированный документ, в котором объекты перемещаются, выходя один поверх другого. Например, показ слайдов, написанных на языке XML, можно визуализировать с помощью таблицы стилей CSS, причем особые эффекты при представлении будут создаваться анимированными параграфами. Третье измерение или Z-позиционирование определяется с помощью свойства z-index, например:

OVERLAP

{

display: block;



z.-index:-1;

font-size:10pt;

}

Если фоновый цвет не определен, ячейки, закрытые другими ячейками, будут прозрачными. Фоновый цвет для них указывается помощью свойства background-color.



Свойство float

Еще одним интересным свойством является float: соответствующие ячейки размещаются относительно левого или правого края содержащего блока. Когда элемент задается со свойством float, он связывается с левой или правой стороной содержащей его ячейки. На следующем рисунке показаны два элемента, визуализированные как плавающие (float) ячейки. Они прикрепляются и отображаются относительно ячейки блока, а не документа, содержащего эту ячейку. Таким образом, в отличие от элементов с парой свойство/значение position: absolute, элементы со свойством float: right или float: left позиционируются относительно непосредственно содержащей их ячейки:



К ячейкам применимы три базовых свойства: margin (отступ), border (граница) и padding (заполнение).

У каждой ячейки имеется граница (даже если она не видна), которая отделяет ее от края полотна или от соседних ячеек. Расстояние между границей и внешним краем соседней ячейки или между границей и содержащей ее ячейкой называется отступом (margin). Расстояние между ячейкой и ее границей называется заполнением (padding).


жүктеу 3,64 Mb.

Достарыңызбен бөлісу:
1   ...   116   117   118   119   120   121   122   123   ...   150




©g.engime.org 2024
әкімшілігінің қараңыз

    Басты бет
рсетілетін қызмет
халықаралық қаржы
Астана халықаралық
қызмет регламенті
бекіту туралы
туралы ережені
орталығы туралы
субсидиялау мемлекеттік
кеңес туралы
ніндегі кеңес
орталығын басқару
қаржы орталығын
қаржы орталығы
құрамын бекіту
неркәсіптік кешен
міндетті құпия
болуына ерікті
тексерілу мемлекеттік
медициналық тексерілу
құпия медициналық
ерікті анонимді
Бастауыш тәлім
қатысуға жолдамалар
қызметшілері арасындағы
академиялық демалыс
алушыларға академиялық
білім алушыларға
ұйымдарында білім
туралы хабарландыру
конкурс туралы
мемлекеттік қызметшілері
мемлекеттік әкімшілік
органдардың мемлекеттік
мемлекеттік органдардың
барлық мемлекеттік
арналған барлық
орналасуға арналған
лауазымына орналасуға
әкімшілік лауазымына
инфекцияның болуына
жәрдемдесудің белсенді
шараларына қатысуға
саласындағы дайындаушы
ленген қосылған
шегінде бюджетке
салығы шегінде
есептелген қосылған
ұйымдарға есептелген
дайындаушы ұйымдарға
кешен саласындағы
сомасын субсидиялау