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

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.

Most, hogy már jópár tulajdonsággal
megismerkedtél,

szeretnék mutatni valamit,

amit az is lehet, hogy már tudsz is.

Az öröklődést.

Vannak CSS tulajdonságok amik öröklődnek,

vagyis minden alattuk lévő gyermek címke

átveszi ezeket a tulajdonságokat.

Például a betűcsalád
egy öröklödő tulajdonság

Ha beállítod a body címkére,

láthatod is, hogy minden

gyermek címke megkapja
automatikusan ezt a tulajdonságot.

Például a h1 bekezdésekben.

Csak akkor múlik el a hatása,
ha egy másik szabály lép életbe,

például ez a szabály,
ami a betűcsaládot

kurzívra módosítja a címsorok esetén.

Egy másik öröklődő tulajdonság a szín.

Ha beállítjuk a bodyban, láthatjuk, hogy

minden alatta lévő címkére érvényes addig,
amíg egy másik szabály felül nem írja.

Például itt ez a szabály,
ami a h2-t zöldre változtatja.

További öröklődő tulajdonságok
a font-weight (betűsúly),

a font-size (betűméret), a font-style (betűstílus),
a line-height (sormagasság), a text-align (igazítás).

A legtöbb, amit eddig láttunk öröklődő,

mivel a szöveg formázásával kapcsolatosak,

és a böngészők úgy gondolják, hogy a webtervezők

szeretnék, hogy a stílusok továbbadódjanak,

hogy ne kelljen minden szinten

újradefiniálni a formázást.

Ahogy haladunk tovább, a legtöbb új tulajdonság

amit látni fogsz, nem lesz öröklődő.

Ha bizonytalan vagy abban,
hogy egy tulajdonság öröklődő-e,

csak tedd a body címkébe

és nézd meg mi történik,

vagy keress rá a tulajdonságra
az interneten

és olvasd el a dokumentációját.