Build a responsive blog theme - Add responsive design + 'like' button

11 belangrijke vragen over Build a responsive blog theme - Add responsive design + 'like' button

Hoe kunnen we verschillende HTML elementen (zoals een h2 en p) samenvoegen?

<article>
<h2></h2>
<p></p>
<article>

Wat betekent max-width in plaats van width?

Een element kan smaller zijn dan b.v. 500px maar niet breder. 

We kunnen website responsive maken. Hoe stellen we in dat indien de browser minder breed is dan 500px, de achtergrond rood moet zijn?

@media (max-width: 500px) {
body {
background: red;
}
}
  • Hogere cijfers + sneller leren
  • Niets twee keer studeren
  • 100% zeker alles onthouden
Ontdek Study Smart

Als de browser minder breed is dan 500px. Hoe kunnen we het lettertype van h1 aanpassen naar 36px? En hoe kunnen we de navigatie bar onder elkaar zetten in plaats van naast elkaar?

@media (max-width: 500px) {
h1 {
font-size: 36px;
}
li {
display: block;
padding: 5px;
}
}

Hoe is een Hex Color opgebouwd?

#F00

F = de mate van roodheid. Het varieert van 0 (helemaal niet rood) tot F (100% rood).
0 = Mate van groenheid. 0 tot F.
0 = Mate van blauwheid. 

Samen RGB

Hoe ziet de code eruit voor Hex zwart?

#000

Hoe ziet de code eruit voor Hex wit?

#FFF

Behalve hex kleuren heb je nog andere kleuren, welke?

rgba()

Wat is het voordeel van rgba() kleuren?

Je kunt transparantie toevoegen

Hoe zijn rgba() kleuren opgebouwd?

rgba(0-255,0-255,0-255,0-1)

De laatste is de mate van transparantie

Hoe kunnen we een button maken in HTML?

<button>like</button>

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

  • Een unieke studie- en oefentool
  • Nooit meer iets twee keer studeren
  • Haal de cijfers waar je op hoopt
  • 100% zeker alles onthouden
Onthoud sneller, leer beter. Wetenschappelijk bewezen.
Trustpilot-logo