Embedded stylesheets
Behalve in een extern stylesheet, kun je de style ook opgeven in het html-document zelf.
Dit noemen we een Embedded Stylesheet. Ook dat doe je weer in de head-sectie. Hieronder zie je hoe:
<html>
<head>
<title>Welkom op mijn website!</title>
<style type="text/css">
<!--
p {
font-size: 11 pt;
font-family: Arial, Swiss, Helvetica;
color: black;
}
-->
</style>
</head>
We geven de tag dezelfde eigenschappen als we deden bij de linked stylesheets. Het meeste zal je wel duidelijk zijn, je vraagt je waarschijnlijk alleen af waarom er staat. Dit zijn zogenaamde commentaar-tags, waarin je commentaar kunt toevoegen aan je site, waar de browser verder niets mee doet, een soort aantekeningen zeg maar.
Hier gebruiken we dat ook, om te zorgen dat browswer die geen CSS ondersteunen de tags negeren. Browsers die CSS ondersteunen zullen juist de commentaartags negeren en de styletags toch gebruiken.
Houdt er dus rekening mee dat de style die je hier opgeeft alleen geldt voor het webdocument waarin je de style opgeeft.
|
Stap jij over naar HTML5/CSS3? (S: 30, R: 12)
