Погляньмо, що ще ми можемо
змінити в шрифті.
А що як ми захочемо, щоб весь перший
параграф був виділений жирним?
Ми можемо "обгорнути" весь параграф
в тег ,
але це буде неправильне використання
цього тега.
Ми ж насправді не хочемо сказати,
що весь переший параграф
є особливо важливим.
Нам просто здається, що так
він матиме кращий вигляд.
Тому натомість ми маємо використовувати
властивість 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"