byt lankar med html-skolan
Google gbghtml.se
index bilder body länkar visited div-taggen class hover menyer dreamweaver dreamweaver extensions flash gratis html editorer gratis templates css3 responsiv design Böcker om stylesheets Design för din blogg waybackmachine
är du nyfiken på hur din eller andra webbsidor såg ut förr? Prova waybackmachine>>>

Att utforma body eller hela hemsidan med stylesheets.

Med en liten css-fil eller style-taggen i headern kan du utforma eller designa sidan enormt mycket.

Det första vi skall göra är att bestämma bakgrundsfärg, bredden av sidan och storlek på fonterna(bokstäverna). Vi bestämmer oss för att använda gult som bakgrundsfärg så här:

<style>
body { background-color:#FFFF00}
</style>
Lägger du in stilen i headern använder du dessa style-taggar, <style>, framför och efter egenskapen du vill ha på sidan.

Resultatet blir att bakgrunden blir gul. Se resultatet här.

Vi vill även att sidan skall hålla sig innanför fönstret på skärmen så att man slipper scrollister nedanför och säger då att sidan skall vara 90 % bred. Så här:

body { background-color:#FFFF00; width:90%}

Lägg märke till att vi avgränsar varje kommando med semikolon ;

Du kan även lägga en bild som bakgrund och använder då kommandot

background-image:url(http://www.dinsida.se/bilder/minbild.jpg); istället .

Sätter du ihop detta med bakgrundsfärgen får du denna kod i body-taggen:

body { background-color:#FFFF00; width:90%; background-image:url(http://www.dinsida.se/bilder/minbild.jpg)} .

Vi avgränsar kommandot för bakgrundsfärg, bredd och bakgrundsbild med semikolon ;. Resultatet ser du här. Prova själv med några olika bilder. Här har vi använt en smal bild som repeterar sig själv. Vi har även använt "gradient tool" som vi beskrev i avsnittet "använda bilder som bakgrund i tabeller" på denna sidan.

Vi vill även använda en typ av typsnitt på sidan vilket vi gör med kommandot font. Så här:

body { background-color:#FFFF00; width:90%; font: arial, helvetica, sans-serif}

Lägg även märke till att vi anger tre olika typer av fonter för att försäkra oss om att din webbläsare har någon av dem.

Vi vill ha en speciell färg på fonterna och använder kommandot color. Så här:

body { background-color:#FFFF00; width:90%; font: arial, helvetica, sans-serif; color:#333333} Färgen på bokstäverna blir då så här. Inte helt svarta utan lite mer åt blått.

Andra saker på sidan som kan vara nyttiga att utforma är länkarna. Se mer här>>>

 

copyright © Björn Larsen citygbg.se