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

страницы и на расстоянии 10 пикселей от левого края страницы:



.linkl {position:absolute; top:50px; left:10px}



В приведенном правиле можно использовать любые единицы измерения рас- стояний, допустимые для списков стилей: пункты (pt), дюймы (in), сантиметры (cm) и т. д. Например, для задания положения текстового элемента с использова — нием единицы измерения расстояния, соответствующем размере шрифта, приме — няется единица em:

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





.Iink2 {color:#400040;

font-size:50px; font-style:italix;

font-family:Georgia, serif;

position:absolute; top:2.5€»m; left:2em}

В приведенном примере указание абсолютного положения top:’2.5em и

ieft:2em заставляет Web-браузер поместить элемент на расстоянии 125 пикселей

от верхнего края страницы и 100 пикселей от левой границы страницы (посколь-

ку в этом случае значение единицы em составляет 50 пикселей, как указано в

СВОЙСТВе font-size) .

После написания правил позиционирования объектов необходимо указать Web-браузеру применять эти правила для определенных элементов на Web-стра — нице. Для позиционирования двух гиперссылок с помощью классов каскадных

списков стилей, определенных в предыдущих примерах (link i и iink2), вставьте

на Web-страницу следующий код:





href=MFigure04-01b. htm»>4To нового в области ^ В

каскадных списков стилей?

рХа class=»link2″

href=»FigureO4-01c. htm»>H3учение CSS…





Атрибут clas s указывает Web-браузеру, какие правила каскадного списка сти — лей применять к элементу (в приведенном примере к гиперссылке).

Начальный и конечный дескрипторы абзаца (), содержащиеся в коде примера, определяют положение текста только в том случае, когда браузер посе — тителя не поддерживает каскадные списки стилей. Если Web-браузер не может осуществлять форматирование и позиционирование в соответствии с указанными правилами, дескрипторы абзаца вставляют между гиперссылками пустую строку. Помещение элементов, позиционируемых с помощью каскадных списков стилей,

в абзац или разделение их дескрипторами разрыва строки (

)
не требуется. Тем не менее, следует помнить, что если Web-браузер не поддерживает каскад —

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



Выравнивание текста на Web-странице

Такие текстовые процессоры, как MS Word или WordPerfect, предоставляют четыре варианта выравнивания текста абзаца. Как показано на рис. 4.9, текст можно выровнять по левому полу, по правому полю, по центру или по ширине (т. е. одновременно по левому и по правому полю).

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

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

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

Полезные ссылки
Случайные записи
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 113
  • 24.02.2011">Руководство по actionscript. часть 6, стр. 105
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.123
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 017
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.113
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 092
  • 21.07.2011">Венгрия – жемчужина Европы
  • 23.10.2012">Выпускные альбомы от Принт-а-тет
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.12
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 004
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 024
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 035
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 092
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.17
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 131
Опрос

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

View Results

Loading ... Loading ...