Tips en Truuks – CSS

CSS staat voor Cascading Style Sheet een term die je heel veel ziet en waarvan maar weinigen weten hoe ze hiermee het onderste uit de kan kunnen halen voor hun website. Ook een term die vaak verkeerd gebruikt wordt. CSS is eigenlijk de enige goede manier om je webpagina van een mooi uiterlijk te voorzien. Het grote voordeel van CSS is dat iedere aanpassing die je doet voor alle opmaakkenmerken gelden. Er zijn grofweg twee methoden om een stylesheet te integreren in een webpagina. Je kunt het gewoon als tekst in de pagina opnemen, of je kunt een aparte pagina hiervoor maken. Vaak wordt zo’n pagina style.css genoemd, maar het kan in principe iedere naam hebben. Overigens wordt de pagina bij het inlezen van de webpagina in zijn geheel mee ingelezen en vertaald. Het voordeel van de losse, laat ik hem voor het gemaak maar CSS file noemen, is dat deze door de referentie naar de file op te nemen in meerdere pagina’s gebruikt kan worden. Cascading, in het Nederlands cascade betekend trapsgewijs en geeft aan dat er een bepaalde hierarchie is in de opbouw van de stylesheets. In de volgende aflevering laat ik zien hoe je een CSS pagina gestalte geeft en hoe je de twee methoden in je pagina verwerkt (inline en embedded op de pagina en via een external stylesheet). Overigens is er geen enkel probleem om de diverse methoden door elkaar te gebruiken. Hier kun je zien hoe het stylesheet van mijn weblog eruit ziet. Het lijkt ingewikkeld, en, dat is het ook. Maar als je langzaam begint is het niet echt moeilijk. In deze serie bouwen we lanzaam een webpagina op met style elementen.

16 Comments

  1. Ik zie best veel bekende dingen vanuit mijn html periode (verder ben ik nooit gekomen bij het maken van websites). Dus als ik weer eens tijd heb, moet e.e.a. niet al te moeilijk zijn denk ik.

  2. De inhoud van de CSS-sheets is vaak nog interessanter dan de inhoud van de logjes.
    (Ssssttt . . . dit mag I niet lezen :-\)

  3. Bij ons zijn de style sheets dik in orde. En zo simpel mogelijk. Daar durf ik best over op te scheppen, want ik heb ze natuurlijk niet zelf gemaakt, maar R van InR, dat had je allang begrepen. 😉 Maar ik zie er wel dagelijks het nut van. Echt een mooi systeem, heel handig als je site wide eens wat wil wijzigen bijvoorbeeld.

  4. wat goed dat je dit uitlegt, ook al vind ik het moeilijk te begrijpen, het is wel interessant

  5. Ik snap hier niks van…..:-)

  6. Ik schrijf liever dan dat ik bouw. Dat laatste laat ik voor me doen.

  7. Voorlopig voel ik me nog een outsider en kijk en lees ik alleen maar met bewondering en verwondering…

  8. ik zie ook niks op kladblok,
    maar ik vondt het toch al te moeilijk om het zelf te doen………..

    😉

  9. Ik kende wel de afkorting CSS en ook wel wat het deed, maar de volledige naam… dank je, weer wat geleerd

  10. Vind je dit ingewikkeld? moet je die van mij eens bekijken.

  11. Ik gebruik zelf ook CSS voor mijn blog en mijn websites maar mijn kennis is gering dus jouw tips zijn altijd handig!!

  12. Ik zie het wel goed hoor, maar vind het allemaal erg ingewikkeld, ben benieuwd naar het vervolg, misschien steek ik er nog iets van op.

  13. Zie allemaal vreemde tekens

  14. Hee, ik krijg alleen een lege kladblokpagina te zien…

  15. In Notepad ziet het er inderdaad niet uit. Je kunt het filetje (is dit nou geen mooi Nederlands), tenminste als notepad je standaard webeditor is, beter downloaden en met wordpad bekijken. Of je gebruikt meteen Firefox, dan ziet het er meteen uit zoals het hoort.

  16. mmm, dan vind ik mijn css toch overzichterlijker! Kan ook zijn omdat kladblok hem nu geheel achter elkaar zag…

    Ik zag eerst door de bomen het bos niet meer, maar met behulp van een aantal verschillende sites, is me toch gebleken dat het behoorlijk logisch in elkaar zit! Heerlijk om met een apart ding te werken. Heb je voor al je pagina’s dezelfde lay-out!
    Gelukkig doet Pivot ook een heleboel voor me.. 😉

    Ik wens je en je hele familie fijne feestdagen en “einen guten Rutsch ins neue Jahr”!
    Tot blogs (en ziens??) in 2008!

Geef een reactie