CSS tutorials fra Suza.dk
..CSS eller Casading Stylesheets er geniale, når man koder hjemmesider.
Det er betydeligt lettere OG hurtige at vedligeholde en hjemmeside, da layoutet styres via et eller flere stylesheets.
Man kan vælge at sætte CSS tagsne ind i <HEAD></HEAD> på den enkelte html side. Men det smarteste er, på hver enkelt
side, at oprette en reference til den/de eksterne CSS filer.
Ved den sidste metode, kan du så nøjes med at rette i din/dine eksterne CSS filer, og vupti slår rettelsen
igennem på samtlige sider.
Fordi CSS er så smarte og tidsbesparende, har jeg mod sædvane valgt at oprette en separat side, udelukkende med links til diverse CSS sites.
Box modellen - kort beskrevet
Vil du designe hjemmesider, uden brug af tabeller, kræver det at du forstår hvordan Box modellen er bygget op.
Her gennemgåes modellen i MEGET korte træk.
Box modellen - avanceret udgave
Her en demo på en centreret side, udelukkende opbygget i CSS.
Al formatering, placering m.v. styres via et eksternt stylesheet (CSS). Der anvendes bl.a. relativ og absolut positionering.
Siden åbnes uden det vanlige Suza.dk design, så bliv ikke forbavset .p
CSS Cursor
Bestem hvilket udseende din cursor skal have ved links og sæt det vha. CSS.
Pas dog på inden du vælger at style din cursor, da det kan forvirre og irritere dine brugere :)
Gradient baggrund
Det er forholdsvis enkelt at bruge en gradient som baggrund på siden. Det der er sværest, hvis man vælger at ville have en gradient som baggrund, er at vælge
de rigtige farvenuancer. Er man ikke forsigtig kommer det let til at ligne noget der er løgn ;)
Placer din scrollbar i venstre side
Det er muligt at placere scrollbaren i venstre side, hvis du ønsker det.
Se hvordan du gør i denne tut.
Pas dog på, da det kan forvirre og irritere dine brugere.
Manipulering af <hr> tags
<hr> tagget (bruges normalt til at lave en vandret streg), kan manipuleres på forskellig vis. Det er
f.eks. også muligt at anvende et baggrunds billede.
OG metoderne er testet i 3 forskellige browsere. Se hvordan du gør i denne tut.
Siden er sidst opdateret, den 05-12-2006