Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Размер шрифта (CSS)

Размер шрифта в css изменяется при помощи правила font-size и установления значения в пикселях (px), питах (pt), процентах (%) и др. Удобнее всего размер текста указывать в питах (pt).

Пример

Необходимо изменить размер шрифта у заголовков и параграфа.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Размер шрифта (CSS)</title>
<style type="text/css">
body {font-family:Arial; width:700px;}

h1 {font-size:20pt;}
h2 {font-size:19px;}
p {font-size:10pt;}
</style>
</head>

<body>

<h1>Это H1 и размер шрифта большой (20pt)</h1>

<h2>Это H2, шрифт поменьше (19px)</h2>

<h3 style="font-size:17pt;">А это H3, и стиль прописан прямо в теге (Шрифт 17pt)</h3>

<h4 style="font-size:13pt">Это H4, шрифт 13pt</h4>

<p>А это параграф, шрифт 10pt, человеку достаточно комфортно читать такой текст (Если шрифт Times New Roman, то лучше поставить 12pt).</p>

</body>
</html>

Результат

На экране вы увидите примерно такую картину.
Размер текста (CSS)

Опубликовано: 25 октября 2011  ·  Автор: Артём Фёдоров  ·  4380 просмотров

Категория

ГлавнаяВеб-дизайнCSSРазмер шрифта (CSS)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

CSS, Веб-дизайн

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания