[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.53,0:00:03.52,Default,,0000,0000,0000,,Ми можемо використовувати CSS також\Nдля того, щоб змінити розмір шрифту.
Dialogue: 0,0:00:03.67,0:00:07.41,Default,,0000,0000,0000,,Як ви можете побачити, порівнявши\Nзаголовки цієї сторінки з абзацами,
Dialogue: 0,0:00:07.43,0:00:09.25,Default,,0000,0000,0000,,браузер за замовчуванням надає\N
Dialogue: 0,0:00:09.25,0:00:12.25,Default,,0000,0000,0000,,різним елементам стилів \Nрізні розміри.
Dialogue: 0,0:00:12.35,0:00:13.64,Default,,0000,0000,0000,,Існує розмір шрифту основного тексту
Dialogue: 0,0:00:13.64,0:00:15.94,Default,,0000,0000,0000,,і більші розміри для кожного\Nрівня заголовків.
Dialogue: 0,0:00:16.10,0:00:18.65,Default,,0000,0000,0000,,Однак інколи ми хочемо трохи\Nзмінити ці розміри.
Dialogue: 0,0:00:18.86,0:00:22.21,Default,,0000,0000,0000,,І ми можемо це зробити за допомогою\Nвластивості CSS "font-size" (розмір шрифту).
Dialogue: 0,0:00:22.42,0:00:23.85,Default,,0000,0000,0000,,Наприклад:
Dialogue: 0,0:00:23.85,0:00:28.64,Default,,0000,0000,0000,,Як зробити так, щоб весь шрифт \Nна сторінці був трохи меншим?
Dialogue: 0,0:00:28.95,0:00:31.06,Default,,0000,0000,0000,,Що ж, ми перейдемо до тега 
Dialogue: 0,0:00:31.10,0:00:34.59,Default,,0000,0000,0000,,і додамо правило CSS до тега .
Dialogue: 0,0:00:34.89,0:00:39.25,Default,,0000,0000,0000,,І потім всередині додамо властивість\N"font-size".
Dialogue: 0,0:00:39.48,0:00:42.67,Default,,0000,0000,0000,,Яким має бути значення \Nдля властивості "font-size"?
Dialogue: 0,0:00:42.96,0:00:45.65,Default,,0000,0000,0000,,Як ми вимірюємо розмір шрифту?
Dialogue: 0,0:00:45.93,0:00:47.95,Default,,0000,0000,0000,,Це насправді дуже добре запитання,
Dialogue: 0,0:00:47.95,0:00:50.27,Default,,0000,0000,0000,,тому що існує щонайменше \N10 різних одиниць виміру,
Dialogue: 0,0:00:50.27,0:00:52.36,Default,,0000,0000,0000,,які надає CSS для розміру шрифтів.
Dialogue: 0,0:00:52.68,0:00:55.67,Default,,0000,0000,0000,,Почнімо з одиниць, які ви\Nвже бачили раніше: пікселі.
Dialogue: 0,0:00:55.85,0:00:58.62,Default,,0000,0000,0000,,Ми використовували пікселі, щоб\Nзмінити розмір наших зображень,
Dialogue: 0,0:00:58.62,0:01:00.99,Default,,0000,0000,0000,,і ми ще багато де будемо їх \Nвикористовувати в CSS.
Dialogue: 0,0:01:01.29,0:01:02.98,Default,,0000,0000,0000,,Спробуймо 11 пікселів.
Dialogue: 0,0:01:04.04,0:01:06.14,Default,,0000,0000,0000,,Все стало меншим.
Dialogue: 0,0:01:06.40,0:01:08.51,Default,,0000,0000,0000,,Навіть заголовки зменшились.
Dialogue: 0,0:01:08.79,0:01:11.17,Default,,0000,0000,0000,,Чому заголовки також зменшились?
Dialogue: 0,0:01:11.36,0:01:15.32,Default,,0000,0000,0000,,Хіба б вони не мали бути такого розміру, \Nякий встановив для них браузер раніше?
Dialogue: 0,0:01:15.50,0:01:16.29,Default,,0000,0000,0000,,Ні.
Dialogue: 0,0:01:16.43,0:01:21.95,Default,,0000,0000,0000,,Тому що значення за замовчуванням \Nдля заголовків встановлене не в пікселях.
Dialogue: 0,0:01:21.96,0:01:25.21,Default,,0000,0000,0000,,Воно встановлене в інших одиницях\Nвиміру: "em".
Dialogue: 0,0:01:25.50,0:01:27.45,Default,,0000,0000,0000,,І ця одиниця виміру є відносною,
Dialogue: 0,0:01:27.45,0:01:31.70,Default,,0000,0000,0000,,і тому змінює розмір шрифту заголовків\Nпропорційно до шрифту основного тексту.
Dialogue: 0,0:01:32.10,0:01:33.82,Default,,0000,0000,0000,,Дозвольте я вам покажу, \Nщо я маю на увазі.
Dialogue: 0,0:01:34.06,0:01:36.44,Default,,0000,0000,0000,,Перейдімо до правила стилю "h2"
Dialogue: 0,0:01:36.57,0:01:38.90,Default,,0000,0000,0000,,і додаймо властивість "font-size".
Dialogue: 0,0:01:39.45,0:01:44.49,Default,,0000,0000,0000,,Цього разу, замість того щоб вказати\Nзначення в пікселях, я його задам відносно.
Dialogue: 0,0:01:44.70,0:01:49.90,Default,,0000,0000,0000,,Наскільки більшим має бути заголовок "h2",\Nв порівнянні з текстом основної частини?
Dialogue: 0,0:01:50.17,0:01:52.86,Default,,0000,0000,0000,,Можливо, вдвічі?
Dialogue: 0,0:01:53.30,0:01:56.76,Default,,0000,0000,0000,,Для цього ми напишемо "2em".
Dialogue: 0,0:01:56.99,0:02:00.17,Default,,0000,0000,0000,,Що зараз насправді робить браузер — \Nце обчислює
Dialogue: 0,0:02:00.17,0:02:01.61,Default,,0000,0000,0000,,розмір шрифту в пікселях.
Dialogue: 0,0:02:01.81,0:02:05.05,Default,,0000,0000,0000,,Браузер знає, що розмір шрифту тексту \Nбув 11 пікселів,
Dialogue: 0,0:02:05.05,0:02:08.06,Default,,0000,0000,0000,,а ви сказали, що заголовок "h2"\Nмає бути вдвічі більшим.
Dialogue: 0,0:02:08.06,0:02:11.57,Default,,0000,0000,0000,,Тому зараз усі заголовки "h2" \Nмають 22 пікселі.
Dialogue: 0,0:02:12.14,0:02:16.58,Default,,0000,0000,0000,,Якщо ми змінимо розмір шрифту \Nтексту на 12 пікселів,
Dialogue: 0,0:02:16.58,0:02:18.93,Default,,0000,0000,0000,,тоді яким буде розмір заголовків "h2"?
Dialogue: 0,0:02:19.27,0:02:21.49,Default,,0000,0000,0000,,Правильно, 24 пікселі.
Dialogue: 0,0:02:21.87,0:02:26.34,Default,,0000,0000,0000,,А якщо ми змінимо розмір шрифту \Nзаголовків на "1,5em"?
Dialogue: 0,0:02:26.76,0:02:30.80,Default,,0000,0000,0000,,Тепер заголовки будуть \N12 * 1,5,\N
Dialogue: 0,0:02:31.02,0:02:32.67,Default,,0000,0000,0000,,що дорівнює 18 пікселів.
Dialogue: 0,0:02:33.27,0:02:37.75,Default,,0000,0000,0000,,Ми можемо також визначити розмір пікселів\Nдля заголовків, так само як ми це робили
Dialogue: 0,0:02:37.75,0:02:39.52,Default,,0000,0000,0000,,для тексту, і це працюватиме так само.
Dialogue: 0,0:02:39.63,0:02:41.50,Default,,0000,0000,0000,,Все залежить від того, як вам простіше.
Dialogue: 0,0:02:41.50,0:02:45.26,Default,,0000,0000,0000,,І як я вже казала раніше, існує багато\Nінших одиниць виміру, які ми можемо
Dialogue: 0,0:02:45.26,0:02:46.92,Default,,0000,0000,0000,,використовувати замість пікселів та "em".
Dialogue: 0,0:02:47.22,0:02:49.57,Default,,0000,0000,0000,,Пікселі та "em" — це просто найпоширеніші\Nодиниці виміру.
Dialogue: 0,0:02:49.57,0:02:51.02,Default,,0000,0000,0000,,Але якщо вам хочеться більшого,
Dialogue: 0,0:02:51.02,0:02:53.19,Default,,0000,0000,0000,,прогляньте документацію щодо\Nрозміру шрифтів
Dialogue: 0,0:02:53.19,0:02:55.40,Default,,0000,0000,0000,,або пошукайте більше інформації\Nв Інтернеті.
Dialogue: 0,0:02:55.50,0:02:58.88,Default,,0000,0000,0000,,Настав час зробити чудовими розміри\Nваших шрифтів!
Dialogue: 0,0:02:58.91,0:03:03.32,Default,,0000,0000,0000,,Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "magneticOne.org"