Wat is CSS?

Cascading Style Sheet (CSS) is een manier om een ​​website of een groep websites te ontwerpen, zodat ze er consistent uitzien en aanvoelen en zodat hun uiterlijk gemakkelijk kan worden gewijzigd. Door CSS te gebruiken om een ​​website te ontwerpen, krijgt de webontwikkelaar meer controle over hoe de site eruitziet.

Een webontwikkelaar kan een CSS-bestand gebruiken om het uiterlijk van een website op drie manieren te beheren. De eerste manier wordt inline genoemd, verwijzend naar het feit dat de code precies in de regel van de websitecode wordt geplaatst. Een webontwikkelaar wil bijvoorbeeld een bepaalde zin vetgedrukt en rood weergeven zodat deze opvalt. Ze kon CSS gebruiken om de stijl van die zin vet en rood in te stellen met behulp van inline code. Het voordeel van deze methode is dat het een snelle en eenvoudige wijziging van een bepaald deel van een webpagina mogelijk maakt.

Een andere manier waarop een webontwikkelaar CSS kan gebruiken, is regels maken voor een enkele webpagina. In dit geval zou de ontwikkelaar ingebedde CSS gebruiken. De ontwikkelaar kan bijvoorbeeld elke nieuwe alinea laten inspringen en elke kopregel vetgedrukt weergeven. De ingesloten instructies worden meestal bovenaan de code van de webpagina geplaatst.

Hierdoor kan de ontwikkelaar de ingesloten code eenmaal wijzigen en de effecten op de hele pagina laten plaatsvinden. Als hij besloot om alle koppen cursief in plaats van vetgedrukte tekst te plaatsen, kon hij eenvoudig de stijlcodering wijzigen en zouden alle koppen op die pagina veranderen. Dit heeft een voordeel ten opzichte van de inline-methode omdat deze de hele webpagina bedekt en wijzigingen in de hele pagina in één keer kunnen worden aangebracht.

Het laatste gemeenschappelijke type CSS is wat bekend staat als een externe CSS. Een webontwikkelaar schrijft de code voor een hele groep webpagina's, een hele website of zelfs meerdere websites. Deze regels kunnen dingen omvatten als achtergrondkleur, tekstkleur, woordafstand en andere elementen van pagina-indeling, net als de vorige twee voorbeelden van CSS.

Het verschil is dat deze instructies niet voor één deel van de pagina of slechts één webpagina gelden, maar voor een hele website. Het voordeel is dat het uiterlijk van een hele website in één keer kan worden gewijzigd door wijzigingen aan te brengen in de externe stylesheet. Als de ontwerper een nieuwe achtergrondkleur of een nieuw lettertype voor de hele website wil proberen, kan dit met de wijziging van enkele regels in de externe code, in plaats van naar elke pagina afzonderlijk te gaan en daar wijzigingen aan te brengen.

Het nadeel van zowel ingebedde als externe CSS is dat er meer tijd nodig is om een ​​groot stylesheet te maken, dat veel lay-out zal dekken, in plaats van kleinere wijzigingen aan individuele lijnen aan te brengen. De webdesigner moet beslissen of het op de lange termijn efficiënter is om individuele inline-instructies te maken, of om een ​​ingebedde of externe CSS te maken om voor veel ontwerpfuncties tegelijkertijd te zorgen.