CSS öröklődés | Bevezetés a HTML/CSS világába | Programozás | Khan Academy
-
0:00 - 0:02Most, hogy már csomó tulajdonságot ismersz,
-
0:02 - 0:03mutatnék valamit,
-
0:03 - 0:06amire lehet hogy már magad is rájöttél:
-
0:06 - 0:07az öröklődés fogalmát.
-
0:07 - 0:10Vannak CSS tulajdonságok amik öröklődnek,
-
0:10 - 0:11vagyis minden alattuk lévő gyermek címke
-
0:11 - 0:14átveszi ezeket a tulajdonságokat.
-
0:14 - 0:16Például a betűcsalád öröklődő tulajdonság.
-
0:16 - 0:18Ha beállítod a body címkére,
-
0:18 - 0:20láthatod is, hogy minden gyermek címke
-
0:20 - 0:22megkapja automatikusan
ezt a tulajdonságot. -
0:22 - 0:24Például a h1 bekezdések is.
-
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 h2 címsoroknál.
-
0:32 - 0:35Egy másik öröklődő tulajdonság a szín.
-
0:35 - 0:36Ha beállítjuk a bodyban akkor láthatod,
-
0:36 - 0:41hogy az alatta lévő címkékre érvényes addig,
amíg egy másik szabály felül nem írja. -
0:41 - 0:45Például itt ez a szabály,
ami a h2-t zöldre változtatja. -
0:45 - 0:50További öröklődő tulajdonságok a
font-weight (betűsúly), font-size (betűméret), -
0:50 - 0:55a font-style (betűstílus), a line-height
(sormagasság), a text-align (igazítás). -
0:55 - 0:58A legtöbb tulajdonság,
amit eddig láttunk, öröklődő, -
0:58 - 1:00mert a szöveg formázásával kapcsolatos,
-
1:00 - 1:03és a böngészők úgy gondolják,
hogy a webtervezők azt szeretnék, -
1:03 - 1:05ha a stílusok továbbadódnának,
-
1:05 - 1:05hogy ne kelljen mindig
-
1:05 - 1:07újradefiniálni a formázást.
-
1:07 - 1:10Ahogy viszont haladunk tovább,
a legtöbb új tulajdonság -
1:10 - 1:11már nem lesz öröklődő.
-
1:11 - 1:14Ha bizonytalan vagy benne,
hogy öröklődő-e, -
1:14 - 1:15csak tedd a body címkébe
-
1:15 - 1:16és nézd meg mi történik,
-
1:16 - 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