Кегль - это, если говорить упрощенно, размер шрифта. Более подробное объяснение следует искать в специальной типографской литературе. Нам здесь будет достаточно того, что CSS через параметр font-size позволяет управлять размером букв.

Размер шрифта можно задавать в типографских пунктах(pt, 0,35мм) или пикселях(px). При установки кегля стоит помнить, что font-size задает не высоту буквы, а размер "очка" под букву, который больше самой буквы.

Вот несколько примеров использования font-size:

<p style="font-size:12pt;">Кегль параграфа установлен в 12 пунктов</p>

Кегль параграфа установлен в 12 пунктов

<p style="font-size:12px;">Кегль параграфа установлен в 12 пикселей</p>

Кегль параграфа установлен в 12 пикселей

<p style="font-size:120%;">Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента</p>

Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента

Как видно из последнего примера, кегль можно задавать не только в абсолютных единицах, но и в относительных. Кроме процентов существует еще несколько условных единиц измерения кегля, которые можно применять в CSS:

HTML и CSS в примерах. Создание Web-страниц. Авторы: Кожемякин А.А. Издательство: "Нет данных по издательству" Год издания: 2004 ISBN: 5-94271-017-1

Данное издание представляет собой пособие по теоретическому и практическому освоению технологий создания Web-страниц - языка разметки гипертекста HTML и каскадных таблиц стилей CSS. Также рассмотрены вопросы проектирования, тестирования и размещения в Интернете сайтов, оптимизации Web-графики, схемы Интернет-адресации, популярные Web-браузеры и многое другое. Книга написана доступным языком и содержит множество живых примеров, показывающих огромные возможности использования HTML и CSS. В последней главе приведен пример создания и размещения в Интернете конкретного сайта. Издание рассчитано на широкий круг читателей и адресовано всем, кто хочет научиться создавать Web-страницы и предпочитает делать это на практике.

<p style="font-size:large;">Размер кегля large</p>

Размер кегля large

<p style="font-size:small;">Размер кегля small</p>

Размер кегля small

<p style="font-size:x-small;">Размер кегля x-small</p>

Размер x-small large

<p style="font-size:xx-small;">Размер кегля xx-small</p>

Размер кегля xx-small

Аналогично x-small и xx-small существуют размеры x-large и xx-large. Кроме этого есть larger, smaller, medium.