En Introduction Til CSS
Postet Den: 28/08/2008 Kl: 4:42
Contents:
Inline Styles
Inline eller LinjeStil angives ved brug af Style atributten, det er en af de dårligste måder at angive stil på, idet at man kommer til at angive samme stil mange gange igennem HTMLen, og da det ikke er alt man kan endre. LinjeStil angives på følgende måde:
<p><a href="about.html"><img src="EtBillede.jpg" alt="Bare Et Billede" style="border:0;"></a></p>
Ovenstående vil fjerne kantent på billedet, ved brug af border: 0;, og style atributten.
Embedded Styles
En anden og bedre måde at anvende stil på, er ved brugen Integreret Stil, det er stil som inkluderes i head sektionen i en side eller dokument. Eks.
<style type="text/css">
a img {
border: 0;
}
</style>
Det fulde eksempel vil altså komme til at se således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>My first Website</title>
<style type="text/css">
a img {
border: 0;
}
</style>
</head>
<body>
<p>My first Website.</p>
<p><a href="about.html"><img src="EtBillede.jpg" alt="Bare Et Billede"></a></p>
</body>
</html>External StyleSheets
Også kaldet Eksterne StilArk, er den bedste metode man kan bruge, også da Eksterne StilArk bliver husket (Cached) af browseren, det betyder den nødvendigvis ikke behøver indlæse dem vær gang den besøger en side, hvilket spare båndbrede for serveren. Eksterne StilArk bliver indsat enten med Link Elementet i head sektionen, eller med @import i den Integreret Stil.
Ved brug af Link Elementet:
<link rel="stylesheet" type="text/css" href="StyleSheet.css">
Ved brug af @import:
<style type="text/css">
@import url("StyleSheet.css");
</style>Husk at deres placering skal være i head sektionen, det er forbudt at bruge andet end LinjeStil i body sektionen.
Forfatter: BlueBoden
Kommentarer: [0]
Vejledninger
Referencer
