Start pagina
Android
Artikelen
Beveiliging
Tips & trucs
Windows 7
Windows 8
Windows 10
Downloads
Links

     

CSS Stylesheet

In dit voorbeeld wordt gebruik gemaakt van een css stylessheet. Deze optie is geschikt als je voor meerdere pagina's dezelfde stijl wilt gebruiken. De standaard tekst is in dit geval zwart, maar daar mag je natuurlijk ook andere kleuren voor gebruiken.

Dit is een grotere tekst met een andere kleur.

Een en ander wordt bepaald in een apart tekstbestand, dat met de onderstaande code wordt aangesproken:

Kopieer de onderstaande code en plak die tussen <head> en </head> van je pagina om deze optie te gebruiken:

Maak een nieuwe map genaamd cssstyle en plaats daarin een textbestand genaamd style1.css met de volgende inhoud:

De map cssstyle moet zich in dezelfde map bevinden als je html document!

Als je de map ergens anders plaatst moet je opdrachtregel - <link rel="stylesheet" type="text/css" href="cssstyle/style1.css"> - overeenkomstig aanpassen!

Je kunt natuurlijk ook wat meer gegevens toevoegen aan het tekstbestand, zoals de style code voor de hyperlinks etc. of verschillende stylesheets maken:

Op deze pagina wordt gebruik gemaakt van zogenaamde Inline frames, sommige web browsers kunnen die niet weergeven.

Bij het gebruik van pop-up killers etc. zullen sommige voorbeelden uiteraard niet functioneren!

Terug naar de keuze pagina.