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 magad is rájöttél már:
-
0:06 - 0:08az öröklődés fogalmát.
-
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 gyermek címke
-
0:21 - 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í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 akkor láthatod,
-
0:37 - 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: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 tulajdonság,
amit eddig láttunk öröklődő, -
0:57 - 0:58mert a szöveg formázásával kapcsolatos,
-
0:58 - 1:00és a böngészők úgy gondolják,
hogy a webtervezők azt szeretnék, -
1:00 - 1:02ha a stílusok továbbadódnának,
-
1:02 - 1:05hogy ne kelljen mindig
-
1:05 - 1:06újradefiniálni a formázást.
-
1:06 - 1:08Ahogy viszont haladunk tovább,
a legtöbb új tulajdonság -
1:08 - 1:11amit látni fogsz,
már 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