Оглавление

Ключевые слова с относительными значениями

При задании размера шрифта с помощью относительных ключевых слов – larger и smaller – он определяется по отношению к размеру, установленному для родительского элемента, подобно тому, как это происходит при использовании em и %. Таким образом, если размер элемента p задан с помощью абсолютного ключевого слова small, и вы хотите, чтобы выделенный фрагмент текста отображался более крупным шрифтом, можно использовать следующую таблицу стилей:

 

p {
font-size: small;
}
em {
font-size: larger;
}

 
Данная разметка будет отображена, как показано на рис. 2.3, поскольку текст между тегами <em> и </em> отображается более крупным шрифтом, чем текст родительского элемента p:

 

<p>XOOPS - это динамический OO <em>(Объектно-Ориентированный)</em>  
основанный на открытом исходном коде скрипт портала, написанный на PHP. 
XOOPS поддерживает различные базы данных, XOOPS - это идеальный 
инструмент для создания небольших высоко-динамичных сообществ вэб-сайтов, 
внутренних порталов компании, корпоративных порталов, web-публикаторов 
и многого другого.</p>

 

 

Выделенный текст отображается более крупным шрифтом

Рис. 2.3. Курсивный текст отображается более крупным шрифтом по сравнению с содержащим его абзацем

<< Меню >>  
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити