Създаване на блок в CSS. ние винаги ясно определени нейните параметри, както и позициониране в определено място на екрана. По този начин, всяка единица има две координати X и Y. единица, които определят положението в равнината на екрана. Но в CSS 2 има и трети, пространствената координата Z. слой, който определя броя на която се намира устройството.
Използване на слоеве в комбинация с видимост имота, можете да създадете различни падащи менюта, динамично променяща се стойността на имота видимост за различните слоеве. За това подменю са разположени на отделни слоеве, и когато потребителят кликне командата на менюто, за извеждане на преден план слой, където се съхранява подменю избран от потребителя.
Пример - падащото меню
Първо направете основните компоненти на сайта. Съгласни сме, че ще има три: заглавието на сайта, лентата с менюта и основното съдържание блок. И трите устройства ще бъдат разположени един над друг, т.е. сайт ще бъде отпечатва в една колона.
Първият блок ще бъде много прост, го наричат #head. Той се намира само на една титла. Пишем стила за единица:
#head височина: 50px;
ширина: 100%;
позиции: абсолютен;
лява: 0px;
отгоре: 0px;
>
Попитахме ширина блок на 100%, така че е по цялата ширина на прозореца на браузъра. Ние също така записва височината на 50 пиксела, блокът е позициониран в горния ляв ъгъл на екрана. Пишем своя HTML код:
В рамките на този блок е само една титла. Пишем за него семпъл стил, който ще се приведе в десния край и определя синия цвят.
цвят #head H1: ВМС;
марж: 0em;
вата-надясно: 0.5em;
текст-приравни: право;
>
Свързани статии