< Return to Video

CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy

  • 0:01 - 0:02
    Зараз, коли ви вже побачили
    багато властивостей,
  • 0:02 - 0:04
    я хочу звернути вашу увагу на те,
  • 0:04 - 0:05
    що ви, можливо, вже помітили самі —
  • 0:05 - 0:07
    поняття наслідування.
  • 0:07 - 0:10
    Деякі властивості СSS є наслідувальними,
  • 0:10 - 0:11
    що означає, що вони переходять
  • 0:11 - 0:13
    до всіх наступних дочірніх тегів,
    які є під ними.
  • 0:13 - 0:16
    Наприклад, font-family є наслідувальною
    властивістю.
  • 0:17 - 0:20
    Вказавши її в тезі "body",
    ми бачимо, що вона перейшла
  • 0:20 - 0:24
    автоматично до всіх дочірніх тегів,
    таких як h1 та абзаци.
  • 0:24 - 0:27
    Ця властивість втрачає силу лише тоді,
    коли інше правило її заміняє.
  • 0:27 - 0:31
    Наприклад, як це правило, що змінює
    всі шрифти на курсив.
  • 0:31 - 0:34
    Ще одною наслідувальною властивістю
    є колір.
  • 0:34 - 0:36
    Якщо ми встановимо її в тезі "body",
    ми побачимо,
  • 0:36 - 0:38
    що вона діятиме в усіх
    дочірніх тегах,
  • 0:38 - 0:41
    аж поки інше правило її не зупинить.
  • 0:41 - 0:43
    Як це правило тут — зробити зеленими
    заголовки h2.
  • 0:44 - 0:48
    Іншими наслідувальними властивостями,
    які ми бачили,
  • 0:48 - 0:51
    є font weight, font size, font style,
  • 0:51 - 0:54
    line height, text align,
  • 0:54 - 0:57
    насправді, дуже багато з них
    є наслідувальними,
  • 0:57 - 0:58
    оскільки вони мають справу
    з стилем тексту,
  • 0:58 - 1:00
    а браузери розуміють,
    що веб-розробники хотіли б,
  • 1:00 - 1:02
    щоб стиль застосовувався для
    всієї сторінки,
  • 1:02 - 1:05
    щоб їм не доводилось визначити його
    на кожному рівні.
  • 1:06 - 1:09
    Заглядаючи наперед, більшість
    з властивостей, які ви будете вчити далі
  • 1:09 - 1:10
    не будуть наслідувальними.
  • 1:11 - 1:13
    Якщо ви не впевнені, чи є властивість
    наслідувальною, чи ні,
  • 1:13 - 1:16
    просто вставте її в тег "body"
    і подивіться, що станеться.
  • 1:16 - 1:21
    Або знайдіть цю властивість в інтернеті
    і прочитайте її документацію.
Title:
CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Description:

more » « less
Video Language:
English
Team:
Khan Academy
Duration:
01:22

Ukrainian subtitles

Revisions