CSS

Cascading Style Sheets bevatten definities van de vormgeving van een hele site. Of van delen daarvan. In de <head> van een html-pagina staat dan een link naar een ‘stylesheet.css’.

In HTML-broncodes staat vanouds platte tekst tussen tags:
<TAG attribuut=”waarde” attribuut=”waarde”> tekst </TAG>
Tegenwoordig kan een TAG een standaard html-tag zijn of een <div> of <span>.

Met CSS kunnen deze tags voor een hele site gedefinieerd worden met gemeenschappelijke kenmerken. De syntax is:
declaratie  { eigenschap: waarde; eigenschap: waarde; },
waarbij de declaratie verwijst naar een html-tag.

Voorbeeld:
In verschillende pagina’s gebruiken we heading H3, daar moet een donkergroen stippellijntje omheen.
In het stylesheet komt dan: h3 { border: 1px dotted #060; }

Eigenschappen voor tekst
• font-family, serif, sans-serif, cursive, fantasy, monospace
• font-size, font-weight
• letter-spacing, line-height, word-spacing, text-align: justify
• text-transform: uppercase of font-variant: small-caps
• strong, em, text-decoration

Maten van waarden van eigenschappen
• px = pixel, puntje op beeldscherm
• em = relatief tov. corpusgrootte van M – 1.5em = 1,5 maal de norm
• % = percentage – 150% = 1,5 maal de norm

Broncodes voor veilige webkleuren
• color: #rrggbb; of color: #rgb;
• background-color: #rgb;

Het stijlen van linkjes
– a [alle linkjes]
— a:link
— a:visited
— a:hover
— a:active
De volgorde: love & hate

|

Bronnen:
..
World Wide Web Consortium (W3C) / CSS 2
W3C Schools / CSS
W3C CSS validatie
Zen Garden of Zen Tuin
CSS-Tricks community
..

Vragen, opmerkingen?

* = verplicht veld