Vizsgatémák 12 CSS

Question 1

Mi a CSS?

Answer 1

Strukturált dokumentumok leírására szolgáló stíluslap nyelv.

Question 2

Minek a rövidítése a CSS?

Answer 2

Cascading Style Sheets

Question 3

Jellemezd a CSSt!

Answer 3

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.

Question 4

Ki fejleszti a CSSt?

Answer 4

W3C CSS munkacsoportja.

Question 5

Mik a CSS szintek és melyek ezek?

Answer 5

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

Question 6

Jellemezd a CSS Level 1!

Answer 6

Elavultnak tekintett.

Question 7

Jellemezd a CSS Level 2!

Answer 7

Javítása jelenleg fejlesztés alatt áll.

Question 8

Jellemezd a CSS Level 3!

Answer 8

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.

Question 9

Jellemezd a CSS 3 moduljait!

Answer 9

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.

Question 10

Milyen állománya van a CSSnek?

Answer 10

.css
média típusa: text/css

Question 11

Jellemezd a CSS Level 4!

Answer 11

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.

Question 12

Jellemezd a CSS dobozmodellt!

Answer 12

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

Question 13

Mik a CSS Tulajdonságok?

Answer 13

CSS által definiált paraméterek, melyek által a dokumentum megjelenítése vezérelhető.
Neve és értéke van.

Question 14

Mik az összevont tulajdonságok?

Answer 14

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

Question 15

Milyen szintaktikai elemek vannak a CSSben?

Answer 15

Karakterek, vezérlősorozatok, megjegyzések, deklarációs blokk, at-szabályok, stílus szabályok

Question 16

Jellemezd a karaktereket CSSben!

Answer 16

Unicode karakterkészletet használ.
\hhhhhh módon lehet Unicode karaktereket megadni, ahol hhhhhh egy hexadecimális szám.

Question 17

Jellemezd a vezérlősorozatokat CSSben!

Answer 17

A speciális karakterek jelentésének elnyomásához \ használunk.

Question 18

Jellemezd a megjegyzéseket CSSben!

Answer 18

/* */ között
Tokenen kívűl bárhol
Nem egymásba ágyazhatóak

Question 19

Jellemezd a deklarációs blokkokatt CSSben!

Answer 19

{ } közé egy deklarációs listaként használjuk
tulajdonságnév: érték alakban

Question 20

Jellemezd a stílus szabályokat CSSben!

Answer 20

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;}

Question 21

Jellemezd az at-szabályokat CSSben!

Answer 21

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.

Question 22

Mire valók a kiválasztók CSSben?

Answer 22

Mintaillesztésre szolgálnak, meghatározzák, hogy egy szabály mely elemre vonatkozik.

Question 23

Milyen karakterek kombinátorok CSSben?

Answer 23

Whitespace
‘>’
‘+’
‘~’

Question 24

Jellemezd a típus kiválasztót CSSben!

Answer 24

Tipikusan egy azonosító, a megfelelő nevű elemek illeszkednek rá.
p {color: red}

Question 25

Jellemezd az általános kiválasztót CSSben!

Answer 25

• formájú kiválasztó.
  Minden elem illeszkedik rá.

Question 26

Jellemezd az attribútum kiválasztót CSSben!

Answer 26

[att] - att attribútummal rendelkező elemek
[att=val] val értékkel egyenlő att attribútumú elemek

Question 27

Jellemezd az osztály kiválasztót CSSben!

Answer 27

HTML dokumentumoknál, a [class~=érték] attribútum helyett a .érték használható.

Question 28

Jellemezd a ID-kiválasztót CSSben!

Answer 28

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

Question 29

Jellemezd a pszeudo-osztályokat CSSben!

Answer 29

: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.

Question 30

Jellemezd a dinamikus pszeudo-osztályokat CSSben!

Answer 30

Olyan pszeudo osztály, melyet egy elem megszerezhet vagy elveszíthet miközben a felhasználó interakcióban van a dokumentummal.

Question 31

Milyen dinamikus pszeudo osztályok vannak?

Answer 31

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)

Question 32

Jellemezd a :lang(c) pszeudo-osztályt!

Answer 32

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

Question 33

Jellemezd a szerkezeti pszeudo-osztályokat!

Answer 33

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.

Question 34

Jellemezd a pszeudo-elemeket!

Answer 34

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

Question 35

Jellemezd a leszármazott kombinátorokat!

Answer 35

Egyszerű kiválasztók két sorozatát elválasztó whitespace
pl. thead th {…}
theadre és thra is illeszkednek

Question 36

Jellemezd a gyermek kombinátorokat!

Answer 36

Egyszerű kiválasztók két sorozatát elválasztó > karakter
pl. thead > th {…}
olyan thra illeszkedik ami thead gyermeke

Question 37

Jellemezd a szomszéd testvér kombinátorokat!

Answer 37

Egyszerű kiválasztók két sorozatát elválasztó + karakter
pl. thead + th {…}
Olyan th elemek, melyek thead elemek után vannak

Question 38

Jellemezd az általános testvér kombinátort!

Answer 38

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

Question 39

Mi a specifikusság CSSben?

Answer 39

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

Question 40

Mi a deklaráció specifikussága CSSben?

Answer 40

A deklaráció specifikussága megegyezik a tartalmazó kiválasztó specifikusságával.

Question 41

Milyen lehet egy stíluslap eredete szerint?

Answer 41

Felhasználói ágenstől származó
Felhasználótól származó
Dokumentumtól származó

Question 42

Jellemezd a felhasználói ágenstől származó stíluslapokat!

Answer 42

A felhasználói ágensek biztosítanak alapértelmezett stíluslapot.

Question 43

Jellemezd a felhasználótól származó stíluslapokat!

Answer 43

A felhasználó megadhat saját stíluslapot adott dokumentum megjelenítéséhez.
Fogyatékkal élő felhasználók számára fontos.

Question 44

Jellemezd a szerzőtől származó stíluslapot!

Answer 44

(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.

Question 45

Mi a kaszkád?

Answer 45

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.

Question 46

Hogy működik a kaszkád?

Answer 46

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

Question 47

Jellemezd a szabályok sorrendjét CSSben!

Answer 47

Ha egy elemre több azonos specifikusságú szabály vonatkozik, az utolsó lesz figyelembe véve.

Question 47

Jellemezd a szabályok sorrendjét CSSben!

Answer 47

Ha egy elemre több azonos specifikusságú szabály vonatkozik, az utolsó lesz figyelembe véve.

Question 48

Jellemezd az öröklést CSSben!

Answer 48

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.