рефераты конспекты курсовые дипломные лекции шпоры

Раздел Полиграфия
/
Позиционирование

Реферат Курсовая Конспект

Выберите учебное заведение

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

Позиционирование - раздел Полиграфия, Тема Дизайн Web-страниц c помощью CSS С Помощью Css Можно Точно Задать Положение Элемента На Страни...

С помощью CSS можно точно задать положение элемента на странице. Режимом позиционирования управляет свойство position:

<html>

<head>

<title>Position: absolute</title>

<style>

DIV {

width: 100px;

height: 100px;

border: 3px double black;

padding: 5px;

position: absolute;

}

DIV#first {

background-color: #c0dcc0; top: 40px; left: 40px; }

DIV#second {

background-color: #c0c0dc; top: 80px; left: 100px; }

</style>

</head>

<body>

</body>

</html>

Для блоков задается отступ от верхнего и левого края свойствами top и left. Так как второй блок объявлен в HTML-коде позже, он перекрывает первый блок на странице.

Рисунок 5. Использование абсолютного позиционирования.

Для управления порядком наложения элементов друг на друга необходимо использовать свойство z-index.

Развернуть

Открыть в широком формате

– Конец работы –

Эта тема принадлежит разделу:

Тема Дизайн Web-страниц c помощью CSS

Тема Дизайн Web страниц c помощью CSS... Цель научиться использовать свойства стилей для дизайна и верстки Web страниц...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Позиционирование

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Таблицы
Свойства CSS могут применяться к таблицам, их строкам и ячейкам для задания свойств текста и шрифта, управления фоном, полями, границами, размерами и т.п. Создадим таблиц

ГодБраузер IE Firefox Safari Opera
2010 61.43% 24.40% 4.55% 2.37% 2009 69.13% 22.67% 3.58% 2.18% 2008 77.83% 16.86% 2.65% 1.84% 2007 79.38% 14.35% 4.70% 0.50% По умолчанию содержим

Плавающие элементы
По умолчанию блочные элементы идут строго друг под другом. Изменить этот порядок можно сделав элементы «плавающими». Для этого служит CSS атрибут float. Он задает, по какой стороне