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