CSS & Qreativ
CSS is de afkorting van Cascading Style Sheets en wordt gebruikt voor het opmaken van HTML / XHTML / XML documenten. Waar het bij XHTML en HTML meer draait om de inhoud, draait het bij CSS voornamelijk om de opmaak. CSS is niet meer weg te denken uit het moderne webdesign. Naast het feit dat CSS de broncode van de pagina overzichtelijker maakt, biedt het veel meer mogelijkheden qua opmaak. Ook zorgt het er voor dat de bestandsgrootte van de pagina kleiner wordt en hierdoor laadt deze weer sneller.
Er zijn drie verschillende manieren waarop een programmeur kan toepassen; inline CSS, embedded CSS en linked CSS. Maar wat is precies het verschil?
Inline CSS
Er is sprake van inline CSS als de CSS code in een HTML element is geplaatst. Hiervoor wordt het attribuut Style gebruikt. Een klein voorbeeldje maakt het misschien iets duidelijker. Stel, u wilt een stukje tekst op uw website in het rood hebben. Wat u dan intoetst is;
Een stukje tekst in het zwart.
Het grote nadeel van inline CSS is dat per element moet worden aangegeven wat de kleur is. U kunt het dus niet voor een hele pagina doen, maar u moet het per alinea aangeven. Mocht u meerdere alinea’s qua tekstkleur willen aanpassen, kunt u beter gebruik maken van embedded CSS.
Embedded CSS
Bij inline CSS wordt de CSS code geplaatst op het niveau van elementen. Bij embedded CSS staat de code los van de individuele elementen maar wordt het geplaatst in een speciaal hiervoor gecreëerd element genaamd ‘style’. Door middel van het element ‘style’ kun je vervolgens de code koppelen aan het element. Simpel gezegd, in plaats van elke keer precies te definiëren hoe het element gestyled moet worden, refereer je nu aan het element ‘style’, dit zorgt er voor dat het programmeren een stuk sneller gaat. Je hoeft immers alleen van tevoren te definiëren welke verschillende styling je gebruikt, deze schrijf je uit en daarna hoef je er alleen maar aan te refereren.
Linked CSS
Dit is de meest gebruikte manier van CSS. De CSS code wordt hierbij opgeslagen in een los CSS bestand (.css) dat vervolgens per pagina wordt opgeroepen. Het grote voordeel is de mogelijkheid om meerdere pagina’s met exact dezelfde stijl op te maken. Bij een eventuele wijziging, bijvoorbeeld van een kleur, hoef je dit niet per pagina te doen. Je verandert het in het CSS bestand en vervolgens wordt het op alle pagina’s doorgevoerd.
Heeft u een vraag, wilt u een afspraak maken of teruggebeld worden? Dan kunt u altijd contact met ons opnemen.
