LOSAN.se -

2009-04-16
14:30:04

Designhjälp - Vad är CSS?

Vad är CSS? Det är ett språk man använder för att styra utseendet på på t.ex. en blogg. CSS står för Cascading Style Sheets - också kallade stilmallar.

Det finns tre olika sätt att få in CSS på sin hemsida

Man gör en extern stilmall som man styr all formatering av hemsidans alla sidor. Den externa stilmallen måste man ladda upp på hemsidan och sedan skriva följande på varje sida som ska innehålla formateringen:

<HTML>
<HEAD>
<LINK rel=stylesheet href=style.css type="text/css">
</HEAD>

<BODY> ..</BODY>
</HTML>

Man kan skriva en stilmall i t.ex. Anteckningar - det behövs alltså inget avancerat program. Det viktiga är sedan att spara filen med filändelsen .css och inte t.ex. .txt som det blir i Anteckningar annars.
Det går inte att ladda upp andra filer än bilder till sin blogg om man inte har ett webbhotell, men detta är redan fixat hos blogg.se. Det som heter style.css i koden ovan är detsamma som stilmallen hos blogg.se.
Istället för att ha en extern fil kan man skriva in koden på varje sida. Det gör man på följande sätt:

<HTML>
<HEAD>
<TITLE>Din titel på bloggen</TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
</HTML>

Skillnaden mot sättet ovan är att man med hjälp av detta kan skriva olika attribut på olika sidor istället för att alla sidor får samma formatering.
Det tredje sättet är att man skriver css-koden direkt i tagen för det du vill ändra formatering på, alltså inte i tagen <HEAD> ...... </HEAD>. Hur det ser ut beror på vilka attribut man vill ha. Här är ett exempel där fonten och färgen ändras i ett speciellt stycke (tagen för ett stycke är <P>):

Tagen innan formatering:
<P>Här är den oformaterade texten.</P>

Tagen efter formatering där Verdana är namnet på fonten och #000000 (svart) är färgen på texten:
<P style="font-family:Verdana; color: #000000;">Här är den formaterade texten.</P>

Det är alltså style="de attribut du vill ha" man skriver i de tags man vill ge en formatering.