I den här artikeln lär du dig att använda embedded CSS som är en blandning mellan extern- och inline CSS.

Vad är embedded CSS?

Embedded CSS är nästan som extern CSS med den skillnaden att det inte finns någon extern stilmall. CSS-deklarationerna läggs istället in mellan <head> och </head> på din webbsida.

Exempel 1

Låt säga att du vill använda ett annorlunda typsnitt och storlek för en speciell webbsida och att du varken har lust eller ork att börja pillra in dessa deklarationer i din externa stilmall eftersom du ändå bara ska använda formateringen en enda gång på en speciell webbsida.

Exempel på den kod som du skulle kunna tänkas lägga in mellan <head> och </head> för att skapa embedded CSS.

<style type="text/css">
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
h1 {
font-size: 36px;}
</style>

Exempel 2

På samma sätt kan du skriva deklarationer för id och class som exempelvis:

<style type="text/css">
#reklamskylt {
width: 250px;
height: 250px;
border: solid 3px;
background-color: #002244;
color: #ffcc00;
}
</style>

Du ska inte använda <style type="text/css">Deklarationer här</style> mer än en gång på webbsidan.

Hitta ett billigt webbhotell för din hemsida

12:-/mån
One Webbhotell Betyg
15:-/mån
Web10 Webbhotell Betyg
36:-/mån
Host Gator Webbhotell Betyg
36:-/mån
Surftown Webbhotell Betyg

Snabbguider

Nedanför finns information för dig som vill komma igång med en hemsida på snabbast möjliga sätt - utan fokus på webbspråk.

Ett litet "gilla" är också ett sätt att hjälpa sajten. =)