CSS öröklődés | Bevezetés a HTML/CSS világába | Programozás | Khan Academy
-
0:00 - 0:02Csomó tulajdonságot ismersz már,
-
0:02 - 0:03ezért most szeretnék mutatni valamit,
-
0:03 - 0:06amit még az is lehet hogy már tudsz is.
-
0:06 - 0:08Az öröklődésről lesz szó.
-
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..
-
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, láthatod
-
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 úgy 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 viszont 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