Эта страница была переведена с английского языка силами сообщества. На заре веб-дизайна страницы создавались для экрана определённого размера. Если у пользователя был экран большего или меньшего размера чем ожидал дизайнер, то результат мог быть от нежелательных полос прокрутки, до слишком длинной строки и плохого использования пространства. Поскольку становились доступны много различных размеров экранов, появилась концепция отзывчивого адаптивного веб-дизайна responsive web design RWD — набор методов, которые позволяют веб-страницам менять свой макет и внешний вид в соответствии с разной шириной экрана, разрешением и т.
Как перекрыть один элемент другим. CSS-свойство z-index
Это обеспечит устойчивое размещение элемента в середине экрана, даже при прокрутке страницы. Назначение вашему div класса. В процессе центрирования могут возникнуть нестандартные задачи, для которых необходим особый подход.
В уроке про плавающие элементы вы могли увидеть, что элементы HTML могут накладываться друг на друга. Такое же поведение было при выставлении позиционирования отличного от нормального. Наложением элементов можно управлять и с помощью CSS-свойства z-index. Из названия свойства можно увидеть, что речь идет об оси z. Эта ось отвечает за то, какие элементы будут располагаться на переднем, а какие на дальнем плане.
Несмотря на то, что термин «слой» достаточно устойчиво используется при разработке сайта, расшифровке этого понятия в литературе по сайтостроению практически не уделяется внимание. В дальнейшем мы будем активно использовать термин «слой», поэтому вначале необходимо определить, что же под ним подразумевается. Использование слоев накладывает свой отпечаток не только на код документа, но и на вид веб-страницы в браузере. Зная особенности верстки слоями, можно более эффективно разрабатывать сайт, получая в итоге быстрый и компактный код, который к тому же корректно отображается в браузерах.
Похожие статьи
- Бамбук счастья домашних условиях - Бамбук комнатное растение. Уход. Как закрутить в домашних условия
- Как сделать лизуна в домашних условиях рецепт без тетрабората натрия
- Рецепт для рост волос в домашних условиях - Домашние маски для роста волос - рецепты масок для быстр
- Как сделать в домашних условиях сметанник