< Return to Video

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

  • 0:00 - 0:02
    Most, hogy már csomó tulajdonságot ismersz,
  • 0:02 - 0:03
    mutatnék valamit,
  • 0:03 - 0:06
    amire lehet hogy magad is rájöttél már:
  • 0:06 - 0:08
    az öröklődés fogalmát.
  • 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 öröklődő tulajdonság.
  • 0:17 - 0:18
    Ha beállítod a body címkére,
  • 0:18 - 0:20
    láthatod is, hogy minden gyermek címke
  • 0:20 - 0:22
    megkapja automatikusan
    ezt a tulajdonságot.
  • 0:22 - 0:24
    Például a h1 bekezdések is.
  • 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:36
    Ha beállítjuk a bodyban akkor láthatod,
  • 0:36 - 0:41
    hogy az alatta lévő címkékre érvényes addig,
    amíg egy másik szabály felül nem írja.
  • 0:41 - 0:45
    Például itt ez a szabály,
    ami a h2-t zöldre változtatja.
  • 0:45 - 0:50
    További öröklődő tulajdonságok a
    font-weight (betűsúly), font-size (betűméret),
  • 0:50 - 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 tulajdonság,
    amit eddig láttunk, öröklődő,
  • 0:57 - 1:00
    mert a szöveg formázásával kapcsolatos,
  • 1:00 - 1:02
    és a böngészők úgy gondolják,
    hogy a webtervezők azt szeretnék,
  • 1:02 - 1:03
    ha a stílusok továbbadódnának,
  • 1:03 - 1:05
    hogy ne kelljen mindig
  • 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
    már nem lesz öröklődő.
  • 1:11 - 1:14
    Ha bizonytalan vagy abban,
    hogy egy ö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

Our website uses cookies for analysis purposes.