Hoi DGCxProjectS,
"
CSS" staat voor
Cascading
Style
Sheet: "waterval stijl-bestand", en zo'n bestand heeft
.css als uitgang.
- Het bestaat uit gewone "platte tekst": het is eigenlijk een .txt-bestand met een andere uitgang.
- Wat er in staat, is css-jargon (in het Engels, anders kunnen de browsers het niet begrijpen). Er is telkens een aanknopingspunt naar het onderdeel van de pagina waarin iets moet gebeuren, en dan een rijtje opmaak-eigenschappen die voor dat onderdeel moeten gelden.
- Bijvoorbeeld er kan in de css staan:
Code:
body {
width: 990px; /* de pagina moet 990px breed worden */
margin: 0 auto; /* boven en onder zit geen tussenruimte, links en rechts moet automatisch hetzelfde worden = de pagina staat in het midden */
}
- CSS is dus een eigen opmaak-taal: die moet je leren...
En CSS is heel uitgebreid, want je kunt er verschrikkelijk veel dingen mee regelen.
- Zo'n stylesheet wordt in de <head> van de html-code van de pagina's aangehaakt. Dat is makkelijk: dan geldt het meteen voor alle pagina's. Dus als je bv. de achtergrondkleur van de hele site wilt veranderen, dan hoef je dat alleen maar in dat ene css-bestand aan te passen: dan hebben alle pagina's meteen de nieuwe achtergrondkleur.
- Het "waterval" in de naam is omdat als je een css-eigenschap op een pagina-onderdeel loslaat, die eigenschap bijna altijd (er zijn wat uitzonderingen) meteen ook geldt voor alle dingen die in dat onderdeel zitten.
- Bv. je geeft een linkerkolom een donkerblauwe achtergrondkleur en een witte tekstkleur. Dan geldt dat meteen voor alles in de hele linkerkolom.
- Maar wil je er een kadertje in hebben met een lichtgele achtergrondkleur en een rode tekstkleur, dan kan je die eigenschappen aan alléén het kadertje geven. Dat heeft dan een parapluutje onder de waterval, en staat droog onder de algemene eigenschappen van de linkerkolom.
- Komt er onder het kadertje weer nieuwe tekst, dan zit die niet onder de paraplu, en wordt dus weer de algemene witte tekst op donkerblauwe achtergrond gebruikt.
Zo ongeveer werkt het principe.
In de praktijk hangt het ervan af, hoe de html-code van de pagina in elkaar zit. D.w.z. je moet weten welke aanknopingspunten je kunt gebruiken om de opmaak-eigenschappen van de css te kunnen toepassen.
Nu heb je al een site, schrijf je.
Dus er is al html-code, en er zal ook al een bestaand css-bestand zijn voor de opmaak.
Hoe je in jouw geval een aangepast css-bestand moet maken om een mooiere opmaak te krijgen, hangt dus af van de gebruikte html-codes.
- Heb je de site al online staan? (linkje?)
- Wat zou je willen veranderen?
Met vriendelijke groet,
CSShunter
"Dé grootste en gratis computerhelpdesk van Nederland"
