< Return to Video

CSS öröklődés | Bevezetés a HTML/CSS világába | Programozás | Khan Academy

  • 0:00 - 0:02
    Csomó tulajdonságot ismersz már,
  • 0:02 - 0:03
    ezért most szeretnék mutatni valamit,
  • 0:03 - 0:06
    amit még az is lehet hogy már tudsz is.
  • 0:06 - 0:08
    Az öröklődésről lesz szó.
  • 0:08 - 0:10
    Vannak CSS tulajdonságok amik öröklődnek,
  • 0:10 - 0:11
    vagyis minden alattuk lévő gyermek címke
  • 0:11 - 0:13
    átveszi ezeket a tulajdonságokat.
  • 0:13 - 0:17
    Például a betűcsalád
    egy öröklődő tulajdonság
  • 0:17 - 0:19
    Ha beállítod a body címkére,
  • 0:19 - 0:21
    láthatod is, hogy minden gyermek címke
  • 0:21 - 0:22
    megkapja automatikusan
    ezt a tulajdonságot.
  • 0:22 - 0:24
    Például a h1 bekezdések..
  • 0:24 - 0:27
    Csak akkor múlik el a hatása,
    ha egy másik szabály lép életbe,
  • 0:27 - 0:29
    például ez a szabály,
    ami a betűcsaládot
  • 0:29 - 0:32
    kurzívra módosítja a h2 címsorok esetén.
  • 0:32 - 0:35
    Egy másik öröklődő tulajdonság a szín.
  • 0:35 - 0:37
    Ha beállítjuk a bodyban, láthatod
  • 0:37 - 0:41
    minden alatta lévő címkére érvényes addig,
    amíg egy másik szabály felül nem írja.
  • 0:41 - 0:44
    Például itt ez a szabály,
    ami a h2-t zöldre változtatja.
  • 0:45 - 0:49
    További öröklődő tulajdonságok a
    font-weight (betűsúly), font-size (betűméret),
  • 0:49 - 0:54
    a font-style (betűstílus), a line-height
    (sormagasság), a text-align (igazítás).
  • 0:54 - 0:57
    A legtöbb, amit eddig láttunk öröklődő,
  • 0:57 - 0:58
    mivel a szöveg formázásával kapcsolatos.
  • 0:58 - 1:00
    A böngészők úgy gondolják,
    hogy a webtervezők azt szeretnék,
  • 1:00 - 1:02
    hogy a stílusok továbbadódjanak,
  • 1:02 - 1:05
    hogy ne kelljen minden szinten
  • 1:05 - 1:06
    újradefiniálni a formázást.
  • 1:06 - 1:08
    Ahogy viszont haladunk tovább,
    a legtöbb új tulajdonság
  • 1:08 - 1:11
    amit látni fogsz, nem lesz öröklődő.
  • 1:11 - 1:14
    Ha bizonytalan vagy abban,
    hogy egy tulajdonság öröklődő-e,
  • 1:14 - 1:15
    csak tedd a body címkébe
  • 1:15 - 1:17
    és nézd meg mi történik.
  • 1:17 - 1:19
    Vagy keress rá a tulajdonságra
    az interneten
  • 1:19 - 1:22
    és olvasd el a dokumentációját!
Title:
CSS öröklődés | Bevezetés a HTML/CSS világába | Programozás | Khan Academy
Description:

Készítette: Pamela

Te magad is gyakorolhatod a programozást a magyar Khan Academyn: https://www.khanacademy.org/computing/computer-programming/html-css

Mi a Khan Academy? A Khan Academy gyakorló feladatokat, oktató videókat és személyre szabott tanulói összesítő táblát kínál, mely lehetővé teszi, hogy a tanulók saját tempójuk szerint haladjanak akár az osztályban, akár az iskolán kívül. Matematika, természettudományos, informatika, történelem, művészettörténet, közgaztdaságtan és még más területen kínálunk tananyagokat.
Olyan intézményekkel is társultunk speciális tananyagok létrehozására, mint a NASA, a Museum of Modern Art, a California Academy of Sciences, vagy az MIT.

A magyar fordítás az Akadémia Határok Nélkül Alapítvány (akademiahataroknelkul.hu) munkája.

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

Hungarian subtitles

Revisions Compare revisions