< Return to Video

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

  • 0:01 - 0:02
    След като вече разгледа няколко свойства,
  • 0:02 - 0:03
    искам да отбележа нещо,
  • 0:03 - 0:06
    което може би ти е станало ясно:
  • 0:06 - 0:08
    концепцията, наречена наследяване.
  • 0:08 - 0:10
    Някои CSS свойства се наследяват,
  • 0:10 - 0:11
    което означава, че се предават
  • 0:11 - 0:13
    на всички тагове деца, които са вложени в тях.
  • 0:13 - 0:17
    Например font-family е свойство, което се наследява.
  • 0:17 - 0:19
    Когато го зададем на тага "body",
  • 0:19 - 0:21
    виждаме, че се избира автоматично
  • 0:21 - 0:22
    за вложените в него тагове.
  • 0:22 - 0:24
    Като заглавието "h1" и параграфите.
  • 0:24 - 0:27
    Спира да важи само ако влезе в сила друго правило,
  • 0:27 - 0:29
    като това правило, което сменя font-family
  • 0:29 - 0:32
    на всички заглавия на "cursive".
  • 0:32 - 0:35
    Друго наследено свойство е цветът.
  • 0:35 - 0:37
    Ако го зададем на body, виждаме, че се използва
  • 0:37 - 0:41
    от всички тагове в него, докато не го заместят други правила.
  • 0:41 - 0:44
    Като това правило, което задава на всички заглавия h2 зелен цвят.
  • 0:45 - 0:49
    Други наследени свойства, които сме виждали, са font-weight,
  • 0:49 - 0:54
    font-size, font-style, line-inherit, text-align.
  • 0:54 - 0:57
    Всъщност много от свойствата, които сме виждали, са наследени,
  • 0:57 - 0:58
    защото работят със стиловете на текста
  • 0:58 - 1:00
    и браузърите разбират, че уеб дизайнерите
  • 1:00 - 1:02
    искат текстовете да се наследяват,
  • 1:02 - 1:05
    затова не е нужно да дефинират стилове
  • 1:05 - 1:06
    на всяко ниво.
  • 1:06 - 1:08
    Когато продължим напред, повечето от новите свойства,
  • 1:08 - 1:11
    които ще видиш, няма да се наследяват.
  • 1:11 - 1:14
    Ако нямаш увереност дали едно свойство се наследява или не,
  • 1:14 - 1:15
    можеш да го зададеш на тага body
  • 1:15 - 1:17
    и да видиш какво се случва,
  • 1:17 - 1:18
    или да потърсиш свойството в интернет
  • 1:18 - 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

Bulgarian subtitles

Revisions