CSS- tekst
CSS heeft veel eigenschappen voor het opmaken van tekst.
tekstopmaak
Deze tekst is opgemaakt met enkele van de tekstopmaakeigenschappen. De kop gebruikt de eigenschappen text-align, text-transform en color. De alinea wordt ingesprongen, uitgelijnd en de ruimte tussen de tekens is opgegeven. De onderstreping is verwijderd van deze gekleurde -link.
Tekst kleur
De color
eigenschap wordt gebruikt om de kleur van de tekst in te stellen. De kleur wordt bepaald door:
- een kleurnaam - zoals "rood"
- een HEX-waarde - zoals "#ff0000"
- een RGB-waarde - zoals "rgb(255,0,0)"
Kijk bij CSS -kleurwaarden voor een volledige lijst met mogelijke kleurwaarden.
De standaard tekstkleur voor een pagina wordt gedefinieerd in de body-selector.
Voorbeeld
body {
color: blue;
}
h1 {
color: green;
}
Tekstkleur en Achtergrondkleur
In dit voorbeeld definiëren we zowel de background-color
eigenschap als de color
eigenschap:
Voorbeeld
body {
background-color: lightgrey;
color: blue;
}
h1 {
background-color: black;
color: white;
}
div {
background-color: blue;
color: white;
}
Belangrijk: Hoog contrast is erg belangrijk voor mensen met zichtproblemen. Zorg dus altijd dat het contrast tussen de tekstkleur en de achtergrondkleur (of achtergrondafbeelding) goed is!