Overlappede Typografiark (CSS)

Til styring af teksttypografier

CSS kan styre al tekstformattering på en site, på lige fod med typografierne i et tekstbehandlingsprogram, hvorved der ikke er behov for at ændre tekstområder særskilt i de enkelte HTML-tags.
Der er desuden mange flere muligheder for styring af tekstformattering (og meget mere) end i simpel HTML, hvilket giver yderligere anledning til at bruge formatet.

Det kan i princippet foregå på to måder;

Indlejret typografiark, med CSS-definitionerne i det enkelte dokuments <head>
Vedhæftet typografiark hvor der lænkes til et særskilt CSS-dokument med alle defintionerne (her med absolut URL til http-server)

Til styring af layout

Desuden kan CSS bruges til styring af layout, hvor vi i HTML normalt har brugt <table> eller <frameset>.....eller <layer>.
CSS bruger en specifik defineret <layer> i MSIE-udgaven <div> til at definere en fritliggende 'celle' med definitioner på position, størrelse, margin, padding, baggrunde m.m.

Se eksempler på typografiark til styring af layout med fast posistion;

Samme med relativ position;

Det er muligt at kombinere flere <div> i samme CSS-dokument ligesom der kan lænkes til flere CSS-dokumenter fra et HTML-dokument eller fra det ene CSS til det andet (se nedenstående ex. fra w3c).

Eksempel på simpel styring af layout vha.typografiark med tilhørende layout-fil (gudmandsen.net)
Eksempel på avanceret styring af layout vha.typografiark (w3c.org - Prøv ikke at følge de eksterne typografiark)
Eksempel på avanceret styring (gudmandsen.net) opdel
Samling af CSS-ressourcer (gudmandsen.net)
Gode eksempler på CSS (Stu Nicholls)

Opdateret: