CSS design (Cascading Style Sheets)

Synonymer: CSS, Cascading Style Sheets, CSS2, Valid CSS, Style, Inline Styles, design, CSS design, CSS layout

CSS er et sprog man bruger til at definerer design og layout på XHTML koden som er på hjemmesiden. Til forskel fra XHTML som er et struktursprog, hvor man definerer at det her er en overskrift, det her er et afsnit, og det her er en tabel osv. Så giver CSS mange flere muligheder for at definerer ting som margin, skrifttyper, farver, baggrunde, rammer, placering og meget mere.

Og nettop fordi XHTML er strukturen på hjemmesiden, og CSS er det der styrer design og layout. Kan man helt selv bestemme hvordan strukturen skal være og så efterfølgende putte CSS på og lave et betydeligt andet design end det strukturen tillader.

I forhold til søgemaskinerne er dette en stor fordel, både fordi Søgemaskiner til dels ikke læser normal CSS kode, men kun XHTML/HTML. Men også fordi hvis ikke CSS eksisterede, ville strukturen typisk se sådan ud:

• Topbanner
• Hovedmenu
• Undermenu
• Indhold
• Bund

Hvilket betyder at Google også ville læse det i den rækkefølge, men med CSS er det muligt at have strukturen på en måde, og layoutet på en anden måde:

• Indhold
• Topbanner
• Hovedmenu
• undermenu
• Bund

Forskellen på de to typer strukture, er at i den første kommer indholdet som er det vigtigste på siden, næsten sidst, mens det på den anden kommer først. Og det er en stor fordel at indholdet er det Google møder først på din hjemmeside.

Ikke nok med at CSS giver stor designfrihed, så giver CSS også andre fordele, såsom:Pænere strukturkode, hurtigere hjemmesider, 5-20 gange mindre kode som Google skal læse igennem og meget mere. Så der er kun fordele ved brugen af Cascading Style Sheets.