Module11

Question 1

a[title] {
….
}

Answer 1

A bevat attribute title

Question 2

a[class~=‘picture’] {
….
}

Answer 2

A class bevat het woord picture

Question 3

a[href$=‘.png’ i] {
….
}

Answer 3

A waarvan href eindigt op .png
i staat voor case insensitive

Question 4

a[class*=‘left’] {
….
}

Answer 4

‘Left’ is een deel van de classname

Question 5

Wat doet justify-content in de display:flex?

Answer 5

Hoe wil je de blokken in de richting van de content verdelen. Ligt aan het kiezen voor rijen of kolommen bij flex-direction. Bijv; flex-start, flex-end, center, space-between, space-around, space-evenly.

Question 6

Wat doet Align items in de display:flex?

Answer 6

bepaald hoe je de content in tegengestelde richting wilt uitlijnen. Hangt af van flex-direction rij of kolom. Bijv; flex-start, flex-end, center, stretch, baseline

Question 7

align-self

Answer 7

Het zelf schikken van de items (per item andere keuze mogelijk)

Question 8

flex-grow

Answer 8

bepaald welk item het meest groeit bij het veranderen van de schermafmeting

Question 9

order

Answer 9

in display:flex welk item op welke positie moet komen te staan

Question 10

fr

Answer 10

fraction

Question 11

Hoe deel je je grid in in CSS?

Answer 11

display: grid;
(grid-gap): ;
grid-template-rows: ;
grid-template-columns: repeat(3, 1fr);
grid-template-areas:
‘A B C’
‘A B D’
CSSchilderen -> grid-area: ;

Question 12

em

Answer 12

relative to the font-size of the element
vb | 2em = 2x size of current font

Question 13

ch

Answer 13

relative to the width of 0

Question 14

rem

Answer 14

relative to the font-size of the root element

Question 15

@media (max-width) {
….
}

Answer 15

Hoe te stylen wanneer het op een kleiner scherm wordt getoont