Атрибут size тега <basefont> — розмір шрифту сторінки

HTML

<h3>Приклад з використанням атрибуту  <code>size</code></h3>
<basefont size="5">
<p id="a">Метелики – прекрасні лікарі від стресів. В цьому переконані лікарі Стокгольма. У клініках цього міста є оранжереї з метеликами і квітами, де пацієнти успішно проходять курси лікування від стресів.
</p>

<h3>Приклад без використання атрибуту  <code>size</code></h3>
<p>Метелики – прекрасні лікарі від стресів. В цьому переконані лікарі Стокгольма. У клініках цього міста є оранжереї з метеликами і квітами, де пацієнти успішно проходять курси лікування від стресів.
</p>

CSS

#a {
        font-size:25px;
      }

HTML

<p class="head">1. basefont перед текстом — розмір не змінився</p>
<basefont size="7">
<p>Цей абзац іде одразу після &lt;basefont size="7"&gt;. Він має звичайні 16 пікселів:
    теґ схований і не діє.</p>

<p class="head">2. Відносний розмір рахується не від basefont</p>
<basefont size="5">
<p><font size="+1">font size="+1" після basefont size="5"</font> — це 18 пікселів,
    тобто номер 4: плюс порахувався від типової трійки.</p>
<p><font size="5">Для порівняння: font size="5"</font> — 24 пікселі, саме те,
    що мав би дати базовий номер 5.</p>

<p class="head">3. Те, чого хотіли від basefont</p>
<div class="base">
    <p>Цьому блоку задано font-size: 20px — і весь текст усередині успадкував розмір.</p>
    <p class="lead">А цьому абзацу задано 1.25rem: одиниця рахується від кореневого
        розміру сторінки, тож текст масштабується разом із налаштуваннями людини.</p>
</div>

CSS

p {
    margin: 12px 0;
    max-width: 560px;
}

.head {
    margin: 24px 0 8px;
    color: #5a6472;
    font: 600 14px/1.4 system-ui, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.base {
    max-width: 560px;
    padding: 10px 14px;
    border: 2px dashed #b9c6d8;
    background: #f6f9ff;
    font-size: 20px;
}

.lead {
    font-size: 1.25rem;
    color: #1b4f9c;
}