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

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

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

Полезные ссылки
Случайные записи
  • 12.04.2011">Photoshop для начинающих: как вставить фото в готовую рамку?
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.26
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.26
  • 24.06.2012">Yahoo! и Facebook могут «помириться» уже в августе
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 063
  • 21.06.2011">Объективные стороны рестайлинга сайтов.
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.131
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 011
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.73
  • 29.10.2011">Мозаичный текст
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 076
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.92
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 149
  • 02.04.2010">Креативные логотипы.
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 055
Опрос

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

View Results

Loading ... Loading ...