Погляньмо, що ще ми можемо
змінити в шрифті.

А що як ми захочемо, щоб весь перший
параграф був виділений жирним?

Ми можемо "обгорнути" весь параграф
в тег ,

але це буде неправильне використання
цього тега.

Ми ж насправді не хочемо сказати,

що весь переший параграф 
є особливо важливим.

Нам просто здається, що так
він матиме кращий вигляд.

Тому натомість ми маємо використовувати
властивість CSS "font-weight"

(насиченість шрифту).

Перейдімо до відповідного правила CSS
і напишімо: font-weight: bold.

Та-дам! Тепер заголовок виділений жирним.

Далі... а що як ми захочемо зробити
слова пісні курсивом?

Знову ж таки, ми можемо "обгорнути" їх 
тегом ,

тому що браузер завжди виділяє 
курсивом те, що знаходиться в тезі .

Але нам не слід цього робити,

оскільки це буде неправильним
використанням тега .

Ми не хочемо наголосити
на цілій пісні.

Ми лиш думаємо, що написана курсивом,
вона матиме кращий вигляд.

Тому замість цього, нам слід використати
властивість CSS "font-style".

Перейдімо до відповідного правила,
"слова-пісні"

і напишімо: font-style: italic.

Чудово.

Зауважте, що у нас є багато
властивостей, що стосуються шрифту

в одному правилі нашої пісні.

Ми маємо font-family, font-size,
і font-style.

Якщо ми хочемо, ми можемо їх об'єднати
в єдину властивість: font (шрифт),

написавши: font: italic 13px fantasy;

І тепер ми можемо видалити три
властивості, які ми мали,

і нічого не змінилось.

Це називається "скорочена властивість",
оскільки, як бачите, вона значно коротша.

Але мені так не подобається.

Тому що я постійно забуваю, в якому
порядку записувати властивості,

і мені простіше записувати
одну за одною.

Тому я поверну все так, як було.

Це залежить від вас: подобаються вам довгі
дороги чи обхідні шляхи.

Важливим є залишатись стильним.

Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"