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