CSS / INTRODUKTION
CSS (Cascading StyleSheets)
CSS som står för Cascading StyleSheets är ett mycket effektivt scriptspråk. Du kan m.h.a. detta få till många snygga finesser och funktioner på din hemsida på ett enkelt och smidigt sätt. Det som bl.a. gör CSS så bra är att du kan uppnå minst lika mycket i dess koder som i ren HTML, och fortfarande hålla din sida valid (följa webbstandarden). Dessutom kan du uppnå samma resultat som i HTML men med mindre kod.
Jag skulle vilja påstå att största fördelen med CSS (förutom att du kan hålla din sida valid) är att du underlättar jobbet väldigt mycket för dig själv. Genom att lägga css-kod i en separat stilmall som ger effekter på alla sidor du länkar mallen till, så kommer du slippa gå in och ändra på varje sida sen så fort något ska ändras. Alla sidor som du kopplar till stilmallen förändras ju automatiskt i samma veva som stilmallen förändras. :-)
CSS kan bäddas in i HTML-dokument på olika sätt... Alternativ 1
Man kan antingen lägga in det mellan HEAD-taggarna:
<STYLE TYPE="text/css"><!--
.css { lite kod här... }
-->
</STYLE> Sen anropar man scriptet genom att lägga in CLASS="css" alt. ID="css" inom önskad html-tagg som förekommer på samma sida. Om du anropar med CLASS eller ID beror på om du satt en punkt (.) eller ett nummertecken (#) framför namnet du valt att döpa kodstycket till. En punkt motsvarar CLASS och nummertecken ID.
Mer om vad som skiljer CLASS och ID åt kan du läsa vidare om inne på sidan CLASS & ID.
Alternativ 2
Du kan också lägga koden i en separat stilmall. Namnge sen mallen till någonting lämpligt och spara den med filändelsen .css, länka sen till mallen genom att skriva in följande kodsnutt mellan HEAD-taggarna på varje sida du vill koppla stilmallen till:
<LINK REL="stylesheet" TYPE="text/css" HREF="namn_pa_mall.css">
Alternativ 3
Du kan även bädda in css-kod direkt i html-taggar...
Exempel:
<IMG SRC="bild.gif" STYLE="width: 150px; height: 100px; border: 1px solid blue;">