Hier begint je website

» Menu

Home
Nieuws
Artikel
Informeer een vriend
Informeer een vriend
Forums
Adverteren
Scripts
Badges
FAQ
Opleidingen
Animaties
Awards
Links
Autohits
Registreer
Gastenboek
Bookmark ons
Contact ons



» Forum threads

Huidige threads:
:: Forums ::



» Zoeken met Google


Web Webles.net




» Gebruikers Online

Er zijn:
0 geregistreerde gebruikers
and 19 gasten nu online.


» Gebruik van style sheets
Gekoppelde style sheets ('linking') - Print Email PDF 
Geplaatst door Maurice 08/08/2004

Index

» Gekoppelde style sh...
» Ingesloten style sh...
» Inline style sheets
» Bewerkingsvolgorde ...

Style sheets kun je op drie manieren toepassen:

  • Gekoppelde style sheets ('linking').
    In dit geval wordt de style sheet opgeslagen in een apart bestand: een tekstbestand met de extensie CSS. Via een special <LINK>-commando (dat in de <HEAD>-sectie van het HTML-document opgenomen moet worden) wordt de style sheet gekoppeld aan de HTML-pagina. In de <LINK>-tag moet vervolgens via de parameter "HREF" de url van de style sheet worden aangegeven. Met de referentielink "REL=STYLESHEET" geef je aan dat het een link naar een opmaakprofiel betreft; de parameter "TYPE" geeft het mime-type aan. Bijvoorbeeld:

<HTML>

<HEAD>
<TITLE>Linking style sheet</TITLE>
<LINK HREF="standaard.css" REL=STYLESHEET TYPE="text/css">
</HEAD>

<BODY>
<H1>Header 1</H1>
<H3>Header 3</H3>
normale tekst
<P>een nieuwe paragraaf</P>
</BODY>
</HTML>

Het tekstbestand dat de style sheet ("standaard.css") bevat, zou er als volgt kunnen uitzien:

<STYLE>
<!--
  BODY {font:10pt Arial; color:black; background:white}
  H1   {font:20pt 'Times Roman'; color:green}
  P    {font-weight:bold; color:red}
-->
</STYLE>

Het grote voordeel van deze methode is dat je, door het veranderen van het bestand dat de style sheet bevat, de weergave van een groot aantal pagina's kunt wijzigen.

De inhoud van het tekstbestand bevat de style-definities voor de verschillende commando's, die geplaatst zijn tussen de <STYLE>- en </STYLE>-tags. Om ervoor te zorgen dat de browser deze style-definities niet opvat als commando's, moeten ze tussen commentaar-tags (<!-- en -->) geplaatst worden. 



Reacties
Om een reactie te posten moet je ingelogd zijn. Als je geen login hebt, vraag er een aan. Het is gratis!

» Login




» Advertentie


Hier adverteren?



» Gebruikers

Laatste bezoeken :
MauriceMaurice
babsb
andries
Tommy
animatieanimatie
Online :
Admins : 0
Leden : 0
Gasten : 19
Totaal : 19
Nu online :



» Powered by

phpWebThings powered

Powered by Oerlemans Services


 This website was created with phpWebThings 1.5.2.
2002 - 2005 Copyright, Oerlemans Services