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

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

3
00:00:06,531 --> 00:00:09,416
Ми можемо "обгорнути" весь параграф
в тег ,

4
00:00:09,532 --> 00:00:12,480
але це буде неправильне використання
цього тега.

5
00:00:12,579 --> 00:00:14,112
Ми ж насправді не хочемо сказати,

6
00:00:14,112 --> 00:00:16,322
що весь переший параграф 
є особливо важливим.

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

8
00:00:18,641 --> 00:00:21,031
Тому натомість ми маємо використовувати
властивість CSS "font-weight"

9
00:00:21,031 --> 00:00:22,245
(насиченість шрифту).

10
00:00:22,245 --> 00:00:27,562
Перейдімо до відповідного правила CSS
і напишімо: font-weight: bold.

11
00:00:28,025 --> 00:00:29,345
Та-дам! Тепер заголовок виділений жирним.

12
00:00:29,917 --> 00:00:34,664
Далі... а що як ми захочемо зробити
слова пісні курсивом?

13
00:00:34,782 --> 00:00:37,869
Знову ж таки, ми можемо "обгорнути" їх 
тегом ,

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

15
00:00:42,555 --> 00:00:44,085
Але нам не слід цього робити,

16
00:00:44,085 --> 00:00:46,750
оскільки це буде неправильним
використанням тега .

17
00:00:46,842 --> 00:00:49,248
Ми не хочемо наголосити
на цілій пісні.

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

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

20
00:00:56,432 --> 00:00:59,529
Перейдімо до відповідного правила,
"слова-пісні"

21
00:00:59,529 --> 00:01:03,120
і напишімо: font-style: italic.

22
00:01:03,681 --> 00:01:05,645
Чудово.

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

24
00:01:08,926 --> 00:01:10,454
в одному правилі нашої пісні.

25
00:01:10,630 --> 00:01:13,870
Ми маємо font-family, font-size,
і font-style.

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

27
00:01:19,305 --> 00:01:24,445
написавши: font: italic 13px fantasy;

28
00:01:25,083 --> 00:01:28,772
І тепер ми можемо видалити три
властивості, які ми мали,

29
00:01:28,992 --> 00:01:30,908
і нічого не змінилось.

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

31
00:01:36,091 --> 00:01:37,667
Але мені так не подобається.

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

33
00:01:41,038 --> 00:01:43,952
і мені простіше записувати
одну за одною.

34
00:01:44,196 --> 00:01:47,020
Тому я поверну все так, як було.

35
00:01:48,360 --> 00:01:51,951
Це залежить від вас: подобаються вам довгі
дороги чи обхідні шляхи.

36
00:01:52,229 --> 00:01:54,816
Важливим є залишатись стильним.

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