Övning 3. CSS i en extern stilmall.

 

Vi gör en extern stilmall. Denna metod kommar vi att använda resten av kursen.

Starta Dreamweaver.

1. File New

2. Välj CSS Create

3. Kopiera in nedanstående:

body {font-family: Verdana; font-size: 18px;}
body {background-color: yellow}

4. Spara som text.css i mappen css. (OBS! Filändelsen .css)

 

1. Öppna ett nytt HTML-dokument, Växla till Code-läget.
Se till att ni klistrar in nedanstående mellan </title> och </head>

<link href="text.css" rel="stylesheet" type="text/css"> (Vi länkar samman html med css!)

2. Växla till Desinläget-läget. Skriv någon text. Ex: Här provar vi CSS.

3. Spara som css3.html i mappen css. (OBS! Filändelsen .html)

Öppna i Safari, Prova att ändra textstorlek och bakgrundsfärg i .css dokumentet.