Style-tagget
Tagget style tillader at skrive CSS direkte
inde i HTML-siden. Bemærk, at inde i
tagget style skriver vi, mens vi overholder syntaksen
for sproget CSS
(selektorer, krøllede parenteser
og så videre).
Dette tag skal placeres inde i tagget
head,
men det er ikke obligatorisk - tagget style
kan også placeres inde i tagget body
og det vil virke.
Man bør ikke misbruge tagget style
- i stedet for bør man som oftest bruge
en separat
CSS-fil.
Eksempel
Lad os skrive CSS inde i HTML-koden ved hjælp af
tagget style:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dette er sidetitelens overskrift</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>Dette er en overskrift i standard (sort) farve.</h1>
<p>Dette er et afsnit i rød farve.</p>
</body>
</html>