CSS
Cascading Style Sheets
CSS is wanneer je het beheerst echt een uitkomst en heeft zeker mooie aanvullingen op je html.
Wij beperken de CSS alleen tot de basis ... maar reken maar dat dit verrassende mogenlijkheden bied.
Veel succes met het onder staande ( under construction )
Hoe kun je een css-style maken ?
Dat is ook weer simpel ... gewoon in kladblok en je slaat je bestand op als css
Maak je het in dreamweaver dan heb je onder het maken 'van' wel wat hulp .
Dit is makkelijk maar vooral niet beter.
Je kan de css in je HEAD verwerken . Maar als je meerdere paginas hebt kun je beter een .css aanmaken
Maar hoe herkent je html pagina die css die je hebt aangemaakt ?
<link rel="stylesheet" href="naam.css" type="text/css">
Dit plaats je in je HEAD van je HTML en je pagina laad het cascading style sheet in.
Maar ? wat moet je daar allemaal inzetten ?
Hoe moet je HOOFD tekst in je css pagina eruit zien !
body {
font-family:Verdana, Arial, Helvetica, sans-serif; // andere fonts kunnen ook
font-size:10px; // natuurlijk kun je de grote veranderen
}
De Hyperlinks weergeven !
a:link {
text-decoration: none; // hoe ziet je hyperlink eruit ?
}
a:visited {
text-decoration: none; //geef aan wat er bij een bezochte hyperlink moet gebeuren
color: #333333; // geef ook de kleur aan
}
a:hover {
text-decoration: none; // wat doen we als we een mouseover doen bij een hyperlink
color: #999999; // geef hier ook het kleurtje aan
}
a:active {
text-decoration: none; // eindelijk word de link bezocht ! hoe ziet die er dan uit ?
color: #666666; // vergeet het kleurtje niet
}
Class bepalen gaan we later doen .. er is veel meer mogelijk
De achtergrond bepalen !
body {
background-image: url("jouwplaatje,jpg");
// bepaal wat er met de achtergrond moet gebeuren
background-repeat: repeat-x; // de achtergrond wordt verticaal herhaald
background-attachment: fixed; // bij scrollen blijft de achtergrond 'stil' staan
background-position: center; // de afbeelding wordt gecentreerd
}