0:00:00.526,0:00:03.525
Ми можемо використовувати CSS також[br]для того, щоб змінити розмір шрифту.

0:00:03.666,0:00:07.414
Як ви можете побачити, порівнявши[br]заголовки цієї сторінки з абзацами,

0:00:07.434,0:00:09.247
браузер за замовчуванням надає[br]

0:00:09.247,0:00:12.248
різним елементам стилів [br]різні розміри.

0:00:12.352,0:00:13.643
Існує розмір шрифту основного тексту

0:00:13.643,0:00:15.936
і більші розміри для кожного[br]рівня заголовків.

0:00:16.102,0:00:18.650
Однак інколи ми хочемо трохи[br]змінити ці розміри.

0:00:18.857,0:00:22.206
І ми можемо це зробити за допомогою[br]властивості CSS "font-size" (розмір шрифту).

0:00:22.419,0:00:23.853
Наприклад:

0:00:23.853,0:00:28.643
Як зробити так, щоб весь шрифт [br]на сторінці був трохи меншим?

0:00:28.948,0:00:31.062
Що ж, ми перейдемо до тега

0:00:31.102,0:00:34.590
і додамо правило CSS до тега .

0:00:34.889,0:00:39.247
І потім всередині додамо властивість[br]"font-size".

0:00:39.477,0:00:42.669
Яким має бути значення [br]для властивості "font-size"?

0:00:42.959,0:00:45.654
Як ми вимірюємо розмір шрифту?

0:00:45.930,0:00:47.954
Це насправді дуже добре запитання,

0:00:47.954,0:00:50.267
тому що існує щонайменше [br]10 різних одиниць виміру,

0:00:50.267,0:00:52.358
які надає CSS для розміру шрифтів.

0:00:52.684,0:00:55.674
Почнімо з одиниць, які ви[br]вже бачили раніше: пікселі.

0:00:55.853,0:00:58.623
Ми використовували пікселі, щоб[br]змінити розмір наших зображень,

0:00:58.623,0:01:00.993
і ми ще багато де будемо їх [br]використовувати в CSS.

0:01:01.286,0:01:02.985
Спробуймо 11 пікселів.

0:01:04.040,0:01:06.145
Все стало меншим.

0:01:06.405,0:01:08.510
Навіть заголовки зменшились.

0:01:08.786,0:01:11.172
Чому заголовки також зменшились?

0:01:11.363,0:01:15.316
Хіба б вони не мали бути такого розміру, [br]який встановив для них браузер раніше?

0:01:15.502,0:01:16.288
Ні.

0:01:16.432,0:01:21.954
Тому що значення за замовчуванням [br]для заголовків встановлене не в пікселях.

0:01:21.962,0:01:25.207
Воно встановлене в інших одиницях[br]виміру: "em".

0:01:25.495,0:01:27.450
І ця одиниця виміру є відносною,

0:01:27.450,0:01:31.695
і тому змінює розмір шрифту заголовків[br]пропорційно до шрифту основного тексту.

0:01:32.099,0:01:33.817
Дозвольте я вам покажу, [br]що я маю на увазі.

0:01:34.055,0:01:36.439
Перейдімо до правила стилю "h2"

0:01:36.574,0:01:38.904
і додаймо властивість "font-size".

0:01:39.446,0:01:44.489
Цього разу, замість того щоб вказати[br]значення в пікселях, я його задам відносно.

0:01:44.701,0:01:49.903
Наскільки більшим має бути заголовок "h2",[br]в порівнянні з текстом основної частини?

0:01:50.173,0:01:52.857
Можливо, вдвічі?

0:01:53.305,0:01:56.763
Для цього ми напишемо "2em".

0:01:56.992,0:02:00.171
Що зараз насправді робить браузер — [br]це обчислює

0:02:00.171,0:02:01.608
розмір шрифту в пікселях.

0:02:01.810,0:02:05.048
Браузер знає, що розмір шрифту тексту [br]був 11 пікселів,

0:02:05.048,0:02:08.055
а ви сказали, що заголовок "h2"[br]має бути вдвічі більшим.

0:02:08.055,0:02:11.574
Тому зараз усі заголовки "h2" [br]мають 22 пікселі.

0:02:12.142,0:02:16.576
Якщо ми змінимо розмір шрифту [br]тексту на 12 пікселів,

0:02:16.576,0:02:18.932
тоді яким буде розмір заголовків "h2"?

0:02:19.267,0:02:21.494
Правильно, 24 пікселі.

0:02:21.868,0:02:26.345
А якщо ми змінимо розмір шрифту [br]заголовків на "1,5em"?

0:02:26.760,0:02:30.805
Тепер заголовки будуть [br]12 * 1,5,[br]

0:02:31.023,0:02:32.666
що дорівнює 18 пікселів.

0:02:33.273,0:02:37.754
Ми можемо також визначити розмір пікселів[br]для заголовків, так само як ми це робили

0:02:37.754,0:02:39.521
для тексту, і це працюватиме так само.

0:02:39.634,0:02:41.502
Все залежить від того, як вам простіше.

0:02:41.502,0:02:45.258
І як я вже казала раніше, існує багато[br]інших одиниць виміру, які ми можемо

0:02:45.258,0:02:46.922
використовувати замість пікселів та "em".

0:02:47.224,0:02:49.568
Пікселі та "em" — це просто найпоширеніші[br]одиниці виміру.

0:02:49.568,0:02:51.016
Але якщо вам хочеться більшого,

0:02:51.016,0:02:53.193
прогляньте документацію щодо[br]розміру шрифтів

0:02:53.193,0:02:55.402
або пошукайте більше інформації[br]в Інтернеті.

0:02:55.503,0:02:58.883
Настав час зробити чудовими розміри[br]ваших шрифтів!

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