Размер шрифта

Дата добавления: 2015-07-09; просмотров: 588; Нарушение авторских прав

Свойство CSS font-size - определяет размер шрифта.

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

значения абсолютного размера шрифта:

xx-small - очень очень маленький

x-small - очень маленький

small - маленький

medium - средний

large - большой

x-large - очень большой

xx-large - очень очень большой

значения относительного размера шрифта:

larger - больше чем размер шрифта родительского элемента

smaller - меньше чем размер шрифта родительского элемента

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Размер шрифта</title>
</head>
<body>
<div style="font-size: 18px; background-color: #ecfef2; border: 5px double #245404">
Размер шрифта родительского элемента (блока DIV) равен 18 пикселям
Этот шрифт будет крупнее относительно элемента родителя
А этот шрифт будет мельче относительно элемента родителя
</div>
В блоке ниже размер штифта элемента родителя огромен (60 пунктов), однако дочерние параграфы расположенные в нём имеют собственное абсолютное значение шрифта и к размеру шрифта элемента родителя никак не привязаны.
<div style="font-size: 60pt; background-color: #ecfef2; border: 5px double #245404">
xx-small - очень очень маленький
x-small - очень маленький 
small - маленький 
medium - средний
large - большой
x-large - очень большой
xx-large - очень очень большой
</div>
</body>
</html>

<== предыдущая лекция	\|	следующая лекция ==>
Интерлиньяж	\|	Семейство шрифта