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



h2, p, ul {color:green; font-family:arial}



Это правило указывает Web-браузеру выводить на экран заголовки уровня 2,

текст абзаца и неупорядоченного списка шрифтом Arial зеленого цвета. Обратите внимание, что в качестве селектора могут использоваться совершенно любые HTML-дескрипторы. Таким образом, правила каскадных списков стилей могут применяться к изображениям (селектор img) и таблицам (селектор table).

Например, запустите свой любимый текстовый редактор и наберите следую —

щий HTML-код:





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





Как уже известно из вводной части этой главы, код между начальным и ко —

нечным дескрипторами styiex/styie > описывает правила каскадного списка стилей. Селектор tabl e указывает браузеру применять правило списка стилей к содержащимся на странице таблицам. Поэтому в приведенном примере будет со- здана таблица с зеленым фоном и шрифтом белого цвета размером 20 пикселей. Более того, Web-браузер поместит таблицу на расстоянии 150 пикселей правее левой границы и 200 пикселей ниже верхней границы Web-страницы. Сохраните

набранный код в HTML-файле (например, css Test2.htm) и откройте HTML — документ в Web-браузере. На экран будет выведена страница, похожая на пока — занную на рис. 4.5.





Наследование

При добавлении текстовых элементов на Web-страницу часто один элемент вставляется в другой. Например, при выделении текста полужирным шрифтом,

как в случае с текстом «полужирный текст» в приведенном ниже примере, фак- тически элемент полужирного шрифта вставляется в элемент абзаца:



Вы вставляете один элемент в другой всегда, когда помещаете

текст, находящийся в пределах одного набора контейнерных дескрипторов, в другой набор начального и конечного

дескрипторов. Например, следующий далее

полужирный текст представляет собой полужирный

элемент, вставленный в элемент параграфа.

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

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

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

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

Полезные ссылки
Случайные записи
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 080
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 107
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.94
  • 15.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.45
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.69
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 101
  • 07.09.2011">Сим-карта sim4FLY — удобно и надежно
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 094
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.59
  • 08.03.2012">Новый рекорд Skype: 35 млн одновременных пользователей
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.100
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 041
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 129
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 012
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.149
Опрос

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

View Results

Loading ... Loading ...