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

сок стилей в предыдущем примере содержит два правила. Первое правило указывает Web-браузеру, что текст, заключенный между начальным и конечным

дескрипторами заголовка уровня 1 () , должен выводится на экран шрифтом Verdana синего цвета и размера 40 пикселей:



hi {colorrblue; font-size:40px; font-family:verdana}



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

), ввести абзацный отступ два сантиметра и вывести его на экран шрифтом

Helvetica белого цвета на зеленом фоне:



р {color:white; background:green; font-family:Helvetica; text-indent:2cm}



Следующее простое правило списка стилей содержит «селектор» (hi), который указывает, к какому HTML-элементу должно применятся данное правило, выво- дящее элемент на экран синим цветом:



hi {color:blue}



Оператор каскадного списка стилей всегда имеет вид селектор {правило}. В фигурных скобках может размещаться одно или несколько правил, при этом пра- вила разделяются с помощью точки с запятой. Приведенное выше правило ука — зывает Web-браузеру выводить текст, который в HTML-коде находится между на —

чальным и конечным дескрипторами заголовка уровня 1 () , синим

цветом. Селектор (в приведенном примере hi) представляет собой HTML-деск — риптор, к которому Web-браузер должен примерять правило списка стилей;

объявление (color:blue) — это инструкция позиционирования или форматирова —

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





ния, которую Web-браузер должен применить. Объявление, как и правило, состо — ит из двух частей: свойства (например, color) и значения (blue).

Как видно из двух правил, содержащихся в приведенном выше примере, объявления с помощью скобок за селектором можно объединять в группу — пра —

вило каскадного списка стилей. При этом отдельные объявления разделяются точкой с запятой. Так, например, на рис. 4.4 рассмотрены отдельные составляю — щие правила каскадного списка стилей, используемого для вывода на экран стра — ницы, показанной на рис. 4.3.







В качестве селектора можно использовать любой HTML-дескриптор, а одно правило может содержать несколько селекторов. Например, чтобы Web-браузер применял одно и то же правило к заголовкам уровня 2, тексту абзаца и неупоря — доченного списка необходимо написать следующее правило:

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

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

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

Полезные ссылки
Случайные записи
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 099
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.158
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.109
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 004
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 039
  • 17.06.2012">В Великобритании возобновили расследование по Google Street View
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.105
  • 11.08.2010">Популярное расположение контактной информации
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 076
  • 10.08.2011">Торгуйте на Forex вместе с платформой MetaTrader 4
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 075
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 104
  • 05.08.2010">Навигационный блок: лучшее расположение
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.19
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.86
Опрос

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

View Results

Loading ... Loading ...