Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 008
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 011
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 083
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 053
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 022
  • 07.10.2010">Подбор цветовой палитры с помощью Color Scheme Designer
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 074
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 132
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 047
  • 15.03.2012">Яндекс открыл второй офис в Швейцарии
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 032
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 037
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 043
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 127
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.70
Опрос

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

View Results

Loading ... Loading ...