Название

Как изменять размер текста с помощью CSS. Свойство font-size.

Сегодня приступаем к серии уроков, в которой рассмотрим техники, с помощью которых можно оформлять текст на веб-стриницах. Работать с текстом на веб-страницах, пожалуй, приходится чаще всего. Поэтому этой темы выделяется отдельный день.

Начнем с того, как можно менять размер текста.

Менять размер текста на веб-страницах приходится очень часто. Размер текста, который устанавливается по умолчанию для многих элементов, чаще всего, не будет нас устраивать.

1394352152_Gnome-Font-X-Generic-64

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

В технологии CSS за размер текста отвечает специальное свойство:

font-size: размер;

В качестве значения этого свойства могут использоваться все доступные способы задания размеров, которые имеются в CSS.

//webgyry.info/razmeri-css-length

Давайте сразу будет разбираться на конкретном примере:

<h1>Заголовок, размер текста по умолчанию</h1>
<h1 style="font-size:12px;">Заголовок, размер текста 12px</h1>

Аналогично можно менять размер текста для других элементов на веб-странице.

Например,

<p style="font-size:24px;">Текст абзаца</p>
Назад Далее