Lektion 5 onsd 9 sept

Innanför headtaggarna skall du på varje sida ha nedanstående länk.

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

Detta är en länk till en stilmall som du ännu inte har. Vi skall nu skapa denna stilmall och den kommer att styra all textformatering på alla dina sidor.

Skapa ett nytt dokument och klistra in nedanstående kod. Döp dokumentet till format.css och spara det i samma mapp som dina övriga sidor.

Vi skall under lektionen laborera med stilmallen så du lär dig hur den fungerar.

a:hover {
background-color: #FFFF00;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FF0000;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-style: italic;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000000;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
color: #999999;
font-weight: normal;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #999999;
font-weight: normal;

}
.specialare {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}
.tramsigt {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #0000FF;
text-decoration: underline overline line-through;

}
.sidbrytning {
page-break-before: always;
}

De två första stilmallarna, a:hover och a:active styr hur länkarna reagerar när användaren rullar över och klickar på dem.

Td mallen bestämmer hur text skall se ut inuti tabeller.

H mallarna är rubrikmallar, för att använda dem skriver du så här:

<h1>Detta är en stor rubrik</h1>

.Specialare mallen är egentillverkad, för att använda dem skriver du så här:

<span class="specialare">Understuket och stort </span>

Surfa in på http://www.webdesignskolan.se Till vänster i menyn klickar du vidare på ccs - grunder. Läs igenom de tre första kapitlen, "Vad är CSS........"
"CSS med olika metoder" och "Extern CSS mall"