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.
<<< Deklarationer.php || Egenskaper >>>
