Студопедия

КАТЕГОРИИ:

АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника


Пример 3.36. Заголовок текста




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Заголовок</title>

<style type="text/css">

H1 {

font: bold 2em Arial, Tahome, sans-serif; /* Параметры шрифта */

color: #fff; background: #375D4C;

padding: 0 10px;

}

H1 SPAN {

position: relative; /* Относительное позиционирование */

top: 0.3em; /* Сдвигаем вниз */

}

</style>

</head>

<body>

<h1><span>Аз и буки шрифтовой науки</span></h1>

<p>Шрифт это средство выражения дизайна, а не какого-то

банального чтения.</p>

</body>

</html>

Рис. 3.48. Сдвиг текста относительно исходного положения

Дополнение для 17

Содержимое относительно позиционированного элемента может перекрывать другие элементы, но место, зарезервированное под этот элемент остается свободным, то есть существуют как бы две копии относительно позиционированного элемента: одна видимая (занимает местоположение согласно позиционированию) , другая — невидимая, находящаяся в том месте, где она должна нормально располагаться.

Относительно позиционированные элементы часто используют в качестве контейнеров для абсолютно позиционированных элементов.

ИЛИ

Относительно позиционированные элементы в основном используются в качестве родителя для элементов с абсолютным позиционированием.

Дополнение для 18

Ну что касается этого вопроса то его в инете нет, так как он на размышление…
Скажу своими словами как я это понимаю.
Вопрос такой – «Использование CSS позиционирования для разметки страницы»

Ответ – когда мы создаём сайт, мы не знаем как блоки и объекты будут располагаться на странице и чтоб примерно накидать образец можно использовать позиционирование. То есть создать блоки, сделать видимыми границы и с помощью позиционирования двигать эти блоки. Расставляем блоки и фигачим туда содержимое, вот и всё.

Вывод: CSS позиционирование используется для разметки страницы в расстановке объектов на странице, то есть разметить страницу для дальнейшей работы.

 


Поделиться:

Дата добавления: 2015-04-18; просмотров: 57; Мы поможем в написании вашей работы!; Нарушение авторских прав





lektsii.com - Лекции.Ком - 2014-2024 год. (0.006 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав
Главная страница Случайная страница Контакты