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

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

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

Позиционирование - раздел Полиграфия, Тема дизайн 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>

<div id="first">1</div>

<div id="second">2</div>

</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. Он задает, по какой стороне

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги