Hoppa till innehållet

CSS

Från Wikibooks

Nu ska du få lära dig vad CSS är för något. CSS betyder Cascading Style Sheets som är stilmallar för webben. CSS skriver man antingen direkt i dokumentet. eller så skriver man det i ett enskilt dokument. Fördelen med att ha det i ett enskilt dokument är att du behöver bara göra en mall och sedan länkar alla dokument till den mallen.

Det här är ett exempel på hur en CSS ser ut:

body {
 background: #FFFFFF;
 color: #000000;
 font-family: Arial;
 font-size: 20px;
 margin: 1em 1em 2em 50px;
}

När man ska spara en stilmall så måste man spara det som en CSS mall. och det gör man via att bara skriva ".css" istället för ".txt". för att länka från ditt dokument till CSS mallen så skriver man en länk. Länken ser ut så här (Det är viktigt att länk namnet är likadant som namnet på stilmallen):

<link rel="stylesheet" type="text/css" href="minstilmall.css">

Och i ett HTML dokument ser det ut så här:

<html>
<head>
<title>Min Sida</title>
<link rel="stylesheet" type="text/css" href="minstilmall.css">
</head>

<body>

<p>Min Sida</p>

</body>
</html>

Om man vill skriva det i dokumentet så skriver man så här:

<html>
<head>
<title>Min Sida</title>
<style>
body {
 background: #FFFFFF;
 color: #000000;
 font-family: Arial;
 font-size: 20px;
 margin: 1em 1em 2em 50px;
}
</style>
</head>

<body>

<p>Min Sida</p>

</body>
</html>