"Leuk en alles, maar nu wil ik graag beginnen met CSS, hoe gaan we dat doen?"
De luie manier:
Open dreamweaver en maak een nieuw css bestand aan.
De alternatieve manier:
Open kladblok, hou het leeg en sla het op als .css bestand.
Vanaf
nu gaan ik er vanuit dat je een bestand kan maken genaamt style.css.
Zet deze in een map zodat je later html kan toevoegen en alles netjes
bij elkaar staat.
Je kunt NIET met MS Word een stylesheet maken door daar dingen te typen! Het moet een zogenaamd binair bestand zijn, wat simpel gezegd inhoud dat het bestand niet meer info mag bevatten dan aan tekst erin staat. Word slaat bijvoorbeeld ook op door welke gebruiker het bestand is gemaakt en wanneer het gemaakt is, en dat is dus fout.
Als we er van uit gaan dat we het bestand style.css hebben gemaakt, dan kunnen we dit in je html zetten. Dat gaan we doen met deze leuke meta tag:
[link
rel="stylesheet" href="style.css" type="text/css"]
Dit zet je in je htmlpagina tussen de en tags en klaar!
Er gaan vanaf nu steeds voorbeelden komen. Om even kort uit te leggen hoe je dingen zelf kan opslaan:
In je css bestand kun je dingen gewoon onder elkaar zetten. Alle dingen die over hetzelfde object gaan (bijvoorbeeld body) kunnen samen.
Voorbeeld:
<code=css>body{
color: white;
background: black;
}
img{
border: 1px black;
}</code>
Zoals je ziet kun je meerdere attributen splitsen door aan het einde van elke regel een puntkomma te plaatsen en je kunt ook zien hoe je twee verschillende objecten kan aansturen.
Wat ook wel belangrijk is, is de in inspringen. Eerst zet je je object tegen de kantlijn en dan laat je de attributen een stukje inspringen. Dit vergroot de leesbaarheid.
Deze cursus is afkomstig van Cursus CSS
Het is verboden zonder schriftelijke toestemming deze pagina in welke vorm dan ook te publiceren.