< Return to Video

Стилі шрифтів в CSS

  • 0:01 - 0:03
    Погляньмо, що ще ми можемо
    змінити в шрифті.
  • 0:03 - 0:06
    А що як ми захочемо, щоб весь перший
    параграф був виділений жирним?
  • 0:07 - 0:09
    Ми можемо "обгорнути" весь параграф
    в тег ,
  • 0:10 - 0:12
    але це буде неправильне використання
    цього тега.
  • 0:13 - 0:14
    Ми ж насправді не хочемо сказати,
  • 0:14 - 0:16
    що весь переший параграф
    є особливо важливим.
  • 0:16 - 0:19
    Нам просто здається, що так
    він матиме кращий вигляд.
  • 0:19 - 0:21
    Тому натомість ми маємо використовувати
    властивість CSS "font-weight"
  • 0:21 - 0:22
    (насиченість шрифту).
  • 0:22 - 0:28
    Перейдімо до відповідного правила CSS
    і напишімо: font-weight: bold.
  • 0:28 - 0:29
    Та-дам! Тепер заголовок виділений жирним.
  • 0:30 - 0:35
    Далі... а що як ми захочемо зробити
    слова пісні курсивом?
  • 0:35 - 0:38
    Знову ж таки, ми можемо "обгорнути" їх
    тегом ,
  • 0:38 - 0:42
    тому що браузер завжди виділяє
    курсивом те, що знаходиться в тезі .
  • 0:43 - 0:44
    Але нам не слід цього робити,
  • 0:44 - 0:47
    оскільки це буде неправильним
    використанням тега .
  • 0:47 - 0:49
    Ми не хочемо наголосити
    на цілій пісні.
  • 0:49 - 0:52
    Ми лиш думаємо, що написана курсивом,
    вона матиме кращий вигляд.
  • 0:52 - 0:56
    Тому замість цього, нам слід використати
    властивість CSS "font-style".
  • 0:56 - 1:00
    Перейдімо до відповідного правила,
    "слова-пісні"
  • 1:00 - 1:03
    і напишімо: font-style: italic.
  • 1:04 - 1:06
    Чудово.
  • 1:06 - 1:09
    Зауважте, що у нас є багато
    властивостей, що стосуються шрифту
  • 1:09 - 1:10
    в одному правилі нашої пісні.
  • 1:11 - 1:14
    Ми маємо font-family, font-size,
    і font-style.
  • 1:14 - 1:19
    Якщо ми хочемо, ми можемо їх об'єднати
    в єдину властивість: font (шрифт),
  • 1:19 - 1:24
    написавши: font: italic 13px fantasy;
  • 1:25 - 1:29
    І тепер ми можемо видалити три
    властивості, які ми мали,
  • 1:29 - 1:31
    і нічого не змінилось.
  • 1:31 - 1:36
    Це називається "скорочена властивість",
    оскільки, як бачите, вона значно коротша.
  • 1:36 - 1:38
    Але мені так не подобається.
  • 1:38 - 1:41
    Тому що я постійно забуваю, в якому
    порядку записувати властивості,
  • 1:41 - 1:44
    і мені простіше записувати
    одну за одною.
  • 1:44 - 1:47
    Тому я поверну все так, як було.
  • 1:48 - 1:52
    Це залежить від вас: подобаються вам довгі
    дороги чи обхідні шляхи.
  • 1:52 - 1:55
    Важливим є залишатись стильним.
  • 1:55 - 1:59
    Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"
Title:
Стилі шрифтів в CSS
Description:

more » « less
Video Language:
English
Duration:
01:56
Julia edited Ukrainian subtitles for CSS font styles
Zoriana Havrylyuk edited Ukrainian subtitles for CSS font styles
Zoriana Havrylyuk edited Ukrainian subtitles for CSS font styles

Ukrainian subtitles

Revisions