WEBVTT

00:00:00.535 --> 00:00:03.056
Погляньмо, що ще ми можемо
змінити в шрифті.

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

00:00:06.531 --> 00:00:09.416
Ми можемо "обгорнути" весь параграф
в тег ,

00:00:09.532 --> 00:00:12.480
але це буде неправильне використання
цього тега.

00:00:12.579 --> 00:00:14.112
Ми ж насправді не хочемо сказати,

00:00:14.112 --> 00:00:16.322
що весь переший параграф 
є особливо важливим.

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

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

00:00:21.031 --> 00:00:22.245
(насиченість шрифту).

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

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

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

00:00:34.782 --> 00:00:37.869
Знову ж таки, ми можемо "обгорнути" їх 
тегом ,

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

00:00:42.555 --> 00:00:44.085
Але нам не слід цього робити,

00:00:44.085 --> 00:00:46.750
оскільки це буде неправильним
використанням тега .

00:00:46.842 --> 00:00:49.248
Ми не хочемо наголосити
на цілій пісні.

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

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

00:00:56.432 --> 00:00:59.529
Перейдімо до відповідного правила,
"слова-пісні"

00:00:59.529 --> 00:01:03.120
і напишімо: font-style: italic.

00:01:03.681 --> 00:01:05.645
Чудово.

00:01:05.889 --> 00:01:08.926
Зауважте, що у нас є багато
властивостей, що стосуються шрифту

00:01:08.926 --> 00:01:10.454
в одному правилі нашої пісні.

00:01:10.630 --> 00:01:13.870
Ми маємо font-family, font-size,
і font-style.

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

00:01:19.305 --> 00:01:24.445
написавши: font: italic 13px fantasy;

00:01:25.083 --> 00:01:28.772
І тепер ми можемо видалити три
властивості, які ми мали,

00:01:28.992 --> 00:01:30.908
і нічого не змінилось.

00:01:31.092 --> 00:01:35.891
Це називається "скорочена властивість",
оскільки, як бачите, вона значно коротша.

00:01:36.091 --> 00:01:37.667
Але мені так не подобається.

00:01:37.667 --> 00:01:41.038
Тому що я постійно забуваю, в якому
порядку записувати властивості,

00:01:41.038 --> 00:01:43.952
і мені простіше записувати
одну за одною.

00:01:44.196 --> 00:01:47.020
Тому я поверну все так, як було.

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

00:01:52.229 --> 00:01:54.816
Важливим є залишатись стильним.

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