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

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

Пример

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

<!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)

Категории

Веб-дизайнCSS

Читайте также

Комментарии