3. eloadas

Question 1

A dobozmodell

Answer 1

A CSS az elemeket négyszögletes dobozokként kezeli.

Question 2

A dobozmodell elemei

Answer 2

Tartalom (content) – maga a szöveg vagy kép.

Kitöltés (padding) – belső tér a tartalom és a szegély között.

Szegély (border) – keret a doboz körül.

Margó (margin) – külső tér a doboz és más elemek között.

Question 3

Első sor behúzása

Answer 3

• Text-indent paranccsal történik.
• Pl:
• p { text-indent: 10px; margin-bottom: 0px;}

Question 4

Színek

Answer 4

• Rgb
• Rgba
• Hsl
• Hsla
• Szín megadás HEX színkóddal (#RRGGBB)

Question 5

Színek használata

Answer 5

• A szöveges vagy vizuális (illusztrációk, fotók) tartalmat a színek keltik életre, adnak hozzá plusz értéket, jelentést.
• A színeket mindig a fő jellemzőik alapján azonosítjuk, melyek a színezet, a telítettség, hőérzet és a fényérték (világosság).

Question 6

A színkör

Answer 6

A színkör a napfény számunkra látható spektrumát mutatja meg, átmenetek, törések nélkül.

Question 7

Színek kölcsönhatása

Answer 7

A színek vizuális hatása nagyban függ attól, hogy hogyan viszonyulnak egymáshoz a színkörön.

Közeli színek (pl. kék és zöld) hasonlóak, ezért harmonikus, nyugodt hatást keltenek.

Távoli színek (pl. kék és narancs) erős kontrasztot adnak, így dinamikus, figyelemfelkeltő hatásúak

Question 8

Fő színhangzatok:

Answer 8

Monokróm: egy szín árnyalatai – letisztult, harmonikus.

Analóg: egymás melletti színek – természetes és kellemes hatás.

Komplementer: ellentétes színek – élénk, kontrasztos megjelenés.

Hármas (triád): három egyenlő távolságra lévő szín – élénk, de kiegyensúlyozott hatás.

Question 9

Linkek, linkek fajtái

Answer 9

• Beágyazott link
• Strukturális link
• Asszociatív linkek

Question 10

• Beágyazott link

Answer 10

– Aláhúzott szöveg a főszövegben, ami jelzi hogy bővebb információ található egy másik oldalon.

Question 11

• Strukturális link

Answer 11

– A lapszerkezet különböző szintjeire (testvér, gyermek) mutatnak.

Question 12

• Asszociatív linkek

Answer 12

– Aktuális oldalhoz hasonló, ahhoz kapcsolódó oldalak eléréséhez.

Question 13

Linkek színe

Answer 13

• Még nem látott és már meglátogatott linkek színét meg kell különböztetni.
• A piros linkszínek kerülendők!

Question 14

A linkek aláhúzása

Answer 14

• A link legyen aláhúzva! Kivételt jelenthet a navigációs menü és a linklista.
• Ami nem link, az NE legyen aláhúzva, félrevezeti a felhasználót!
• A linkek ne kerüljenek túl közel egymáshoz!

Question 15

Pszeudo-osztályok. Látszólagos kijelölők

Answer 15

• A linkek esetében a CSS két pszeudo-osztályt vezetett be, ezek a :link és a :visited.
• Az első a még meg nem látogatott, a második pedig a már felkeresett linkeket jelenti.

Question 16

:hover

Answer 16

A :hover azokra az elemekre vonatkozik, amelyeket a felhasználó kijelölt (pl. fölévitte a kurzort), de nem aktivált.

Question 17

:active

Answer 17

Az :active akkor lép életbe, amikor a felhasználó aktívvá tesz egy elemet, pl. az egérgomb lenyomása és felengedése közötti időben