Embedded CSS

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.

Här kan du bygga en hemsida enkelt

Nuförtiden ingår professionella program - du behöver inte ens kunna webbspråk själv.
Ta en titt.

Fler tips på webbhotell

Registrera domän
Använd sökfunktionen nedan för att se om ditt domännamn är ledigt.

blog comments powered by Disqus
Webbdesigna.se