Här kommer ett inlägg som väldigt grundläggande beskriver hur man använder sida av CSS när man skapar hemsidor.
Förr var det ytterst vanligt att man kodade hemsidor enbart i HTML, och inte separerade hemsidans utseende (grafiska element) från struktur. Taggar som t.ex <font> och <width> hör till utseendet och inte till strukturen på sidan. Dessa taggar ska du i största möjliga mån undvika att ha med i dina HTML-filer. Det som är struktur är tabeller, tabellrader och -kolumner. Numera används dock div:ar i större utsträckning. Och dessa kan se ut såhär:
Hur denna div sedan ser ut styrs via en CSS-fil (ex. style.css) och den kan se ut såhär i detta fall:
.hogerkolumn {width: 200px; background-color: #FFFFFF; font-family: Arial,Tahoma,Verdana;}
CSS-filen länkar du in i HTML-filen genom att använda dig av denna kodsnutt (som placeras mellan <head>-taggarna)
<link href=”style.css” mce_href=”style.css” type=”text/css” rel=”stylesheet”>
Genom att separera utseende från struktur så får du en mer lättuppdaterad hemsida. Om du har alla mått på de olika elementen i din CSS-fil så slipper du uppdatera varje HTML-sida när du vill göra ändringar. Ytterligare en positiv effekt är att webbläsarna visar din sida snabbare eftersom det är enklare för dem att tyda din kodning.
Lämna ett svar