CSS
Opmaken
HTML lijkt op het eerste gezicht wat saai. HTML geeft namelijk alleen maar een structuur van de pagina aan. Dat is wat anders dan de style of opmaak. Dat deel kan je doen met de taal CSS. In CSS kan je van elk html element bepalen hoe deze eruit moet zien. Denk dan aan kleur, randen, marges, lettertypes enz. enz..
CSS opnemen
Je kan CSS opnemen in een html document. Maar gebruikelijker is het om CSS in een apart CSS bestand te plaatsen. Je kan dan de opmaak ook in meerdere html documenten opnieuw gebruiken.
Hieronder zie je hoe je in een html document aangeeft welk css bestand moet worden geladen (in dit geval style.css welke in hetzelfde mapje zit als je html document):
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Dit is de inhoud van de site</p>
</body>
</html>Opmaak toewijzen
Je kan de opmaak toewijzen op de volgende manier in het css bestand
selector {
eigenschap: waarde;
eigenschap: waarde;
enz...
}Een selector kan bijvoorbeeld een html tag zijn. De eigenschap kan de achtergrondkleur zijn en de waarde is dan welke kleur er gebruikt moet worden. Zie onderstaand voorbeeld:
body {
background-color: red;
}Een overzicht van CSS eigenschappen (properties) kan je vinden op w3schools.com. Boven de lijst is ook de mogelijkheid om te zoeken. Link: CSS eigenschappen.
Let op dat niet elke selector niet persé ook alle eigenschappen ondersteund. En sommmige eigenschappen zijn weer afhankelijk van andere eigenschappen.