100% tevredenheidsgarantie Direct beschikbaar na betaling Zowel online als in PDF Je zit nergens aan vast
logo-home
Eerder door jou gezocht
Eerder door jou gezocht
logo
Samenvatting - Goede Basis Web Technologie €6,66
In winkelwagen
Snel navigeren naar
Voorbeeld
  2.  
  3. Plantijn Hogeschool Van De Provincie Antwerpen (AP)
  4.  
  5. Informatica
  6.  
  7. Web Technologie

Samenvatting

Samenvatting - Goede Basis Web Technologie
 3 keer bekeken  0 keer verkocht

Deze samenvatting biedt een overzicht van belangrijke CSS- en webdesignconcepten, waaronder selectors, declaraties en cascade in CSS. Het behandelt het box model voor layout, meeteenheden, en het gebruik van display- en positioneeropties. Verder worden technieken zoals schaduwtoevoegen, gradients...

[Meer zien]

Voorbeeld 4 van de 50  pagina's

Document informatie

  • 24 december 2024
  • 50
  • 2024/2025
  • Samenvatting

Onderwerpen

Geschreven voor

Alle documenten voor dit vak (1)

Verkoper

avatar-seller
quincycox80

Voorbeeld van de inhoud

💚
Web technologie
Exam theorie praktijk1: 15%

Exam praktijk 85%




Les 2
Selectors
element type selectors


h1 {
color: green;}
p {
font-size: 35px;
font-family: sans-serif;}

ID selector

<h2 id="recept">Titel van mijn recept</h2>


#recept {
color: blue;}


gegroepeerde selectors

h1, h2, p, em, img {
border: 1px solid black;}




Web technologie 1

, Declaraties
Declaraties bestaan uit een eigenschap paar


p {
font-size: 35px;
font-family: sans-serif;
font-weight: 900;
}



Commentaar is css

/* Commentaar komt hier terecht */




CSS basisconcepten
Overerving
Bepaalde elementen worden doorgegeven, andere niet.

-Goed inzicht hebben in de boomstructuur-



Cascade
Conflict doordat je verschillende stylesheets kan koppelen aan
hetzelfde document.

Een CSS stijlregel blijft gelden tot ze mogelijk overruled
wordt door een stijlregel met meer “gewicht”.



❗ Hoe specifieker het element wordt aangeroepen, hoe meer
gewicht deze selector heeft



Vollegorde kan soms ook een rol spelen: de cascade heeft het
principe “de laatste wint”




Web technologie 2

, p {
color: blue;}
p {
color: red;}




Het box model
Je kan aan elk element eigenschappen aan de box toevoegen:

Borders

Margins

Padding

Backgrounds


p {
border: 5px solid red;
margin: 25px;
padding: 15px;
background-color: yellow;}




CSS Meeteenheden
Gebruik je voor: lettergrootte, breedte en hoogte, afstand
tussen elementen

Absolute meeteenheden
pt

cm

mm

px

Dit is minder geschikt voor een webpagina




Web technologie 3

, Relatieve meeteenheden
rem


div {
height: 10rem; /* zal 160px zijn */
}


em

vw

vh


header {
width: 90vw;
height: 90vh; }


%

img {
width: 50%;}


Beter voor een webpagina, omdat ze mee gaan met de lengte en
breedte




CSS opmaak van lijst elementen
even elementen

li:nth-child(even){
backgroundcolor: yellow;
}

oneven elementen


li:nth-child(odd){
backgroundcolor: yellow;




Web technologie 4

Voordelen van het kopen van samenvattingen bij Stuvia op een rij:

√ Verzekerd van kwaliteit door reviews

√ Verzekerd van kwaliteit door reviews

Stuvia-klanten hebben meer dan 700.000 samenvattingen beoordeeld. Zo weet je zeker dat je de beste documenten koopt!

Snel en makkelijk kopen

Snel en makkelijk kopen

Je betaalt supersnel en eenmalig met iDeal, Bancontact of creditcard voor de samenvatting. Zonder lidmaatschap.

Focus op de essentie

Focus op de essentie

Samenvattingen worden geschreven voor en door anderen. Daarom zijn de samenvattingen altijd betrouwbaar en actueel. Zo kom je snel tot de kern!

Veelgestelde vragen

Wat krijg ik als ik dit document koop?

Je krijgt een PDF, die direct beschikbaar is na je aankoop. Het gekochte document is altijd, overal en oneindig toegankelijk via je profiel.

Tevredenheidsgarantie: hoe werkt dat?

Onze tevredenheidsgarantie zorgt ervoor dat je altijd een studiedocument vindt dat goed bij je past. Je vult een formulier in en onze klantenservice regelt de rest.

Van wie koop ik deze samenvatting?

Stuvia is een marktplaats, je koop dit document dus niet van ons, maar van verkoper quincycox80. Stuvia faciliteert de betaling aan de verkoper.

Zit ik meteen vast aan een abonnement?

Nee, je koopt alleen deze samenvatting voor €6,66. Je zit daarna nergens aan vast.

Is Stuvia te vertrouwen?

4,6 sterren op Google & Trustpilot (+1000 reviews)

Afgelopen 30 dagen zijn er 51683 samenvattingen verkocht

Opgericht in 2010, al 15 jaar dé plek om samenvattingen te kopen

Start met verkopen
€6,66
  • (0)
In winkelwagen
Toegevoegd