Юг Клад

Антиквариат. Активный отдых и путешествия. Аукцион. Нумизматика. Коллекционирование.

Как изменить размер шрифта

В этом уроке вы узнаете, как с помощью HTML легко изменить размер шрифта написанного вами текста. Для этого используется контейнер <font>текст</font> с атрибутом size и нужным вам значением, указанным в кавычках. Значение может указываться только цифрами от 1 до 7 (обычно этих размеров бывает достаточно).

Примеры использования:

<font size="5">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</font>
<font size="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</font>
<font size="1">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</font>

Результат:

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Иногда этого оказывается недостаточно: хочется, чтобы текст имел несколько другие размеры или удобнее бывает указывать размер в %-тах, пунктах или пикселах. В таком случае нужно использовать уже возможности CSS. Для этого нужно заключить текст в контейнер <div></div> и для него прописать нужные свойства, например:

<div style="font-size:20px">текст</div>
<div style="font-size:200%">текст</div>
<div style="font-size:3em">текст</div>

Результат:

  • текст

    , здесь размер текста - 20 пикселов,

  • текст

    , здесь размер текста - 200%,

  • текст

    , здесь размер текста - 3em.

0 0 голосов
Рейтинг статьи
Подписаться
Уведомление о
guest

0 комментариев
Inline Feedbacks
View all comments
0
У Вас есть вопрос? Задайте его в комментарияхx
188 запросов за 0,736 секунд.
Яндекс.Метрика