Vizsgatémák 12 CSS Flashcards
Mi a CSS?
Strukturált dokumentumok leírására szolgáló stíluslap nyelv.
Minek a rövidítése a CSS?
Cascading Style Sheets
Jellemezd a CSSt!
Többféle eszközön történő megjelenítést támogat.
Szétválasztja a dokumentumok megjelenítési stílusát a tartalmától.
Egyszerűsíti a webszerkesztést és a webhelyek karbantartását.
Ki fejleszti a CSSt?
W3C CSS munkacsoportja.
Mik a CSS szintek és melyek ezek?
A CSSnek nem verziói hanem szintjei vannak, minden szint az előzőn alapul, azt finomítja és új lehetőségeket vezet be.
CSS Level 1
CSS Level 2
CSS Level 3
Jellemezd a CSS Level 1!
Elavultnak tekintett.
Jellemezd a CSS Level 2!
Javítása jelenleg fejlesztés alatt áll.
Jellemezd a CSS Level 3!
Fejlesztés alatt áll.
Modulokra van bontva, melyek a CSS egy részét definiálja, minden modul a CSS 2.1 lehetőségét bővíti és/vagy részeit cseréli le.
Jellemezd a CSS 3 moduljait!
Minden modul a CSS 2.1 lehetőségét bővíti és/vagy részeit cseréli le.
Szintekre van bontva.
1 szintről indulnak az olyan modulok melyeknek nincs CSS Level 2-beli megfelelőjük.
3 szintről indulnak a CSS Level 2 létező lehetőségeit frissítő modulok.
Milyen állománya van a CSSnek?
.css
média típusa: text/css
Jellemezd a CSS Level 4!
Nem létezik.
Modulok lehetnek 4. vagy magasabb szinten, de a nyelv már nem.
A CSS Level 3 csak a többiektől való megkülönböztetésre használják.
Jellemezd a CSS dobozmodellt!
Fastruktúrában van ábrázolva. Dobozfát (box tree) állít elő, mely a dokumentum formázási szerkezetét ábrázolja. Minden doboz a fában a dokumentum egy elemét ábrázolja.
A CSS minden elemhez nulla vagy több dobozt generál a display tulajdonság által.
Sorrend:
margin
border
padding
tartalom
Mik a CSS Tulajdonságok?
CSS által definiált paraméterek, melyek által a dokumentum megjelenítése vezérelhető.
Neve és értéke van.
Mik az összevont tulajdonságok?
Olyan tulajdonság, mely egyidejűleg több tulajdonságot is képes beállítani.
pl. margin a margin-top, margin-bottom, margin-left, margin-right
Milyen szintaktikai elemek vannak a CSSben?
Karakterek, vezérlősorozatok, megjegyzések, deklarációs blokk, at-szabályok, stílus szabályok
Jellemezd a karaktereket CSSben!
Unicode karakterkészletet használ.
\hhhhhh módon lehet Unicode karaktereket megadni, ahol hhhhhh egy hexadecimális szám.
Jellemezd a vezérlősorozatokat CSSben!
A speciális karakterek jelentésének elnyomásához \ használunk.
Jellemezd a megjegyzéseket CSSben!
/* */ között
Tokenen kívűl bárhol
Nem egymásba ágyazhatóak
Jellemezd a deklarációs blokkokatt CSSben!
{ } közé egy deklarációs listaként használjuk
tulajdonságnév: érték alakban
Jellemezd a stílus szabályokat CSSben!
Egy kiválasztóból vagy ,-vel elválasztott kiválasztókból és egy azokat követkő deklarációs blokkból állnak.
div {color: black;}
Jellemezd az at-szabályokat CSSben!
Stíluslap feldolgozását vezérlő speciális szabályok.
@ karakterrel kezdődnek, melyet egy azonosító követ és ; vagy deklarációs blokkal zárul.
Mire valók a kiválasztók CSSben?
Mintaillesztésre szolgálnak, meghatározzák, hogy egy szabály mely elemre vonatkozik.
Milyen karakterek kombinátorok CSSben?
Whitespace
‘>’
‘+’
‘~’
Jellemezd a típus kiválasztót CSSben!
Tipikusan egy azonosító, a megfelelő nevű elemek illeszkednek rá.
p {color: red}
Jellemezd az általános kiválasztót CSSben!
- formájú kiválasztó.
Minden elem illeszkedik rá.
Jellemezd az attribútum kiválasztót CSSben!
[att] - att attribútummal rendelkező elemek
[att=val] val értékkel egyenlő att attribútumú elemek
Jellemezd az osztály kiválasztót CSSben!
HTML dokumentumoknál, a [class~=érték] attribútum helyett a .érték használható.
Jellemezd a ID-kiválasztót CSSben!
azonosító formájú kiválasztó, adott azonosítójú elem illeszkedik rá ID típusú attribútumban kell a dokumentumban szerepelnie az azonosítónak
Jellemezd a pszeudo-osztályokat CSSben!
:azonosító vagy :azonosító(érték) formájú kiválasztók
Olyan kiválasztás, ami a dokumentumon kívüli információkon alapul, vagy más kiválasztóval nem fejezhető ki.
Jellemezd a dinamikus pszeudo-osztályokat CSSben!
Olyan pszeudo osztály, melyet egy elem megszerezhet vagy elveszíthet miközben a felhasználó interakcióban van a dokumentummal.
Milyen dinamikus pszeudo osztályok vannak?
Link pszeudo-osztályok
:link (még nem látott hiperhivatkozások)
:visited (már látott hiperhivatkozások)
Felhasználói akció pszeudo-osztályok
:hover (mutatóeszközzel kijelölt, de nem aktivált elem)
:active (mutatóeszközzel aktivált elem)
:focus (fókuszt birtokló elem)
Jellemezd a :lang(c) pszeudo-osztályt!
c nyelvű szöveget tartalmazó elemek illeszkednek rá.
c egy CSS azonosító (nyelvkód)
XML dokumentumokban xml:lang attribútum határozza meg a nyelvet
Jellemezd a szerkezeti pszeudo-osztályokat!
Amikor megállapításra kerül, egy elem helye a testvéreinek listájában, akkor csak az elemeket kell a listában figyelembe venni.
Nem kell figyelembe venni a szöveget, megjegyzéseket és feldolgozási utasításokat sem.
Jellemezd a pszeudo-elemeket!
Lehetővé teszi a dokumentum azon részeinek kiválasztását, mely más módon nem hozzáférhető.
::first-line -egy elem első formázott sora
::first-letter -egy elem első betű vagy számjegy karaktere
::after -elem tartalmához generál tartalmat
::before
Jellemezd a leszármazott kombinátorokat!
Egyszerű kiválasztók két sorozatát elválasztó whitespace
pl. thead th {…}
theadre és thra is illeszkednek
Jellemezd a gyermek kombinátorokat!
Egyszerű kiválasztók két sorozatát elválasztó > karakter
pl. thead > th {…}
olyan thra illeszkedik ami thead gyermeke
Jellemezd a szomszéd testvér kombinátorokat!
Egyszerű kiválasztók két sorozatát elválasztó + karakter
pl. thead + th {…}
Olyan th elemek, melyek thead elemek után vannak
Jellemezd az általános testvér kombinátort!
Egyszerű kiválasztók két sorozatát elválasztó ~ karakter
pl. thead ~ th {…}
thead és th szülője megegyezik, thead után van a th, de nem feltétlen közvetlenül
Mi a specifikusság CSSben?
Kiválasztókhoz és deklarációkhoz specifikusság meghatározása.
(a, b, c) vektor
a-ban az ID-kiválasztók száma
b-ben az attribútum kiválasztók és pszeudo-osztályok száma
c-ben a pszeudo elemek száma
Mi a deklaráció specifikussága CSSben?
A deklaráció specifikussága megegyezik a tartalmazó kiválasztó specifikusságával.
Milyen lehet egy stíluslap eredete szerint?
Felhasználói ágenstől származó
Felhasználótól származó
Dokumentumtól származó
Jellemezd a felhasználói ágenstől származó stíluslapokat!
A felhasználói ágensek biztosítanak alapértelmezett stíluslapot.
Jellemezd a felhasználótól származó stíluslapokat!
A felhasználó megadhat saját stíluslapot adott dokumentum megjelenítéséhez.
Fogyatékkal élő felhasználók számára fontos.
Jellemezd a szerzőtől származó stíluslapot!
(X)HTML esetén a link fejlécmezőben adható meg a dokumentumhoz külső stíluslap.
XML esetén az xml-stylesheet feldolgozási utasítással adható meg a dokumentumhoz külső stíluslap.
Mi a kaszkád?
Több különböző deklaráció szolgáltathatja egy tulajdonság értékét egy elemhez.
A kaszkád során kerül meghatározásra, melyik deklaráció lesz felhasználva.
Hogy működik a kaszkád?
Meg kell határozni, hogy egy elemre mely deklarációk vonatkoznak
Ezeket eredetük szerint csökkenő “erősorrendbe” rendezzük
Azonos eredetű deklarációkat specifikusság szerint rendezzük csökkenő sorrendbe
Azonos specifikusság esetén a “későbbi” kerül felhasználásra
A tulajdonság értékét az első deklaráció szolgáltatja
Jellemezd a szabályok sorrendjét CSSben!
Ha egy elemre több azonos specifikusságú szabály vonatkozik, az utolsó lesz figyelembe véve.
Jellemezd a szabályok sorrendjét CSSben!
Ha egy elemre több azonos specifikusságú szabály vonatkozik, az utolsó lesz figyelembe véve.
Jellemezd az öröklést CSSben!
Tulajdonságértékek továbbadását jelenti a szülő elemektől a gyermek elemekhez.
Vannak örökölt tulajdonságok és nem örököltek.
Inherit kulcsszóval a kaszkádolt érték helyett örököltet használhatjuk.