Самоучитель по креативному веб-дизайну. Книга 1, стр.167

между четырьмя Свойствами ПОЛеЙ: margin-left, margin-right, margin-top И

margin-bottom. В имени каждого свойства присутствует название края элемента,

возле которого будет создаваться поле. Например, для создания поля шириной

40 пикселей между объектами на странице и левым и правым краями окна брау- зера вставьте в список стилей следующее правило:



body {margin-left:40px; margin-right:4Орх}



Для управления шириной левого и правого полей между абзацами текста и краями Web-страницы заключите абзацы в начальный и конечный дескрипторы раздела (), а затем, как показано ниже, примените правило каскад — ного списка стилей к дескрипторам :





Обратите внимание, что для указания ширины полей можно использовать любые единицы, допустимые для каскадных списков стилей (пискелы, пункты, em, дюймы, миллиметры, сантиметры и т. д.) В приведенном примере правило

198 Глава 4. Каскадные списки стилей





каскадного списка стилей в дескрипторе заставляет браузер оставить меж —

ду текстом абзаца и левым и правым краем Web-страницы поле шириной 10%

ширины окна браузера.

Для управления полями над и под элементом используются свойства margin — top и margin-bottom соответственно. Например, если между абзацами необходи —

мо вставить поле шириной в две строки, можно следующим образом определить селектор абзаца (р):



р {margin-bottom:2em}



Для вставки между абзацами поля шириной в 1.5 ширины нормального поля между абзацами измените стиль дескриптора абзаца, не прибегая к заданию правила списка стилей для селектора абзаца (р). Например, для вставки между текущим абзацем и следующим дополнительного пустого поля шириной в пол — строки можно воспользоваться следующим правилом:

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.100
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 070
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.100
  • 15.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.59
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.31
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.12
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 100
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.29
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 133
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.124
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.54
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 060
  • 19.11.2013">Паркетная доска: достоинства и недостатки
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 113
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 004
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...