CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) zijn een populair hulpmiddel bij het ontwerpen van websites. Ze zijn niet meer weg te denken uit vele webapplicaties. Zij kunnen het maken en bewerken van webpagina's versnellen. Een CSS bestand is praktisch geschreven als een soort tekstbestand en bevat instructies voor het ontwerp. Zo is het ook mogelijk dat alle subpagina's van een homepage om hetzelfde ontwerp te gebruiken door dit CSS bestand aan te roepen in de header van de betreffende pagina. Als u het ontwerp wijzigt, hoeft u alleen maar het CSS-bestand te wijzigen en het zal effect hebben op alle pagina's van het te bewerken webproject.

Opmaakopties

Met de speciale programmeertaal CSS kunnen bijna alle opmaaktaken van een website worden uitgevoerd, althans die met betrekking tot het ontwerp. Met CSS kunt u zelfs frames van verschillende tinten en eenvoudige afbeeldingen maken. Lettertypes en lettergroottes worden eenmalig in het CSS-bestand gedefinieerd en zijn dus automatisch beschikbaar in de gehele catalogus of bedrijfspresentatie. Er zijn veel variaties mogelijk, omdat bepaalde gebieden zoals koppen, tabelinhoud, bijschriften of voetnoten allemaal afzonderlijk kunnen worden gedefinieerd. Verschillende gekleurde achtergronden met of zonder patronen kunnen via CSS worden gedeclareerd. Verschillende kogelpunten, diverse dynamische elementen en nog veel meer kunnen met CSS worden gerealiseerd. Afbeeldingen, video's en audiosequenties kunnen ook op deze manier worden geïntegreerd, als u het niet op een andere manier wilt doen.

Syntaxis

Volgens de W3C-richtlijnen zijn de weer te geven eigenschappen onderworpen aan bepaalde regels. Er zijn selectoren die een bepaalde waarde toekennen aan de betreffende eigenschap tussen haakjes. Bijvoorbeeld, in het geval van de kleur van een tweede-orde-rubriek kan dit er als volgt uitzien: h2 { kleur: groen; } In plaats van "groen" zou er ook een kleurnummer kunnen zijn. Hier zou "h2" de selector zijn, "kleur" de eigenschap en "groen" de toegewezen waarde. Natuurlijk kunnen meerdere eigenschappen tegelijk worden toegewezen. Belangrijk zijn de spaties na het openen en voor het sluiten van de haakjes en de puntkomma's aan het einde van elke opdracht. Voor de duidelijkheid is het aan te raden om elke woning in een extra regel te rangschikken. Voor uitgebreide projecten is de website dan is niet zichtbaar intern commentaar zinvol.

Toepassingsgebieden en bijzonderheden

Cascading Style Sheets zijn betrekkelijk eenvoudig te integreren in HTML- en PHP-projecten. HTML (Hyper Text Markup Language) was aanvankelijk het meest wijdverbreide toepassingsgebied. Losse stylesheets kunnen hier ook binnen een HTML-bestand worden ingevoegd met de stijlcommando's. Cascading stylesheets, d.w.z. verschillende ontwerpelementen, worden in een afzonderlijk bestand gedefinieerd en ofwel in een specifiek gedeelte van een HTML-bestand opgeroepen, ofwel, wat gunstiger is, in de header als een extern bestand. In PHP (Hypertext Preprocessor - eigenlijk Personal Home Page Tools) wordt de CSS niet alleen opgenomen als *.css bestand, maar gekoppeld met PHP commando's. Een combinatie van PHP en HTML is in principe ook mogelijk. De modernere variant is het werken met databases, waarbij in het geval van MySQL De eigenschappen van het webproject kunnen bijvoorbeeld via PHP en CSS worden aangemaakt. Tal van databasesystemen maken gebruik van vergelijkbare technieken. De meeste van hen gebruiken echter extra programmeertalen die ook CSS gebruiken. Helaas zijn er een aantal speciale functies met betrekking tot besturingssystemen en browsers om rekening mee te houden. Niet alle effecten zien er hetzelfde uit in elke browser, sommige worden zelfs niet door iedereen geïnterpreteerd. Daarom moet vaak rekening worden gehouden met verschillende versies, afhankelijk van de browser en het besturingssysteem, in de manier waarop de waarden worden toegewezen aan de eigenschappen in het CSS. Hiervoor worden het gebruikte besturingssysteem en de browser meestal opgevraagd vanuit de header van het HTML- of PHP-bestand of vanuit het databasesysteem en wordt een correcte CSS-versie toegewezen.

activa en nadelen

CSS zijn een welkome aanvulling en vereenvoudiging van HTML- en PHP-projecten. Ze zijn logisch gestructureerd en kunnen relatief snel worden aangeleerd. Een fout in een CSS-bestand verschijnt echter op meerdere pagina's tegelijk, maar kan ook snel worden verholpen. Er zijn problemen met exotische lettertypes en vreemde talen. Daarom moet u voorzorgsmaatregelen nemen en een alternatieve variant specificeren. In het geval van een speciaal lettertype kan een waarde voor een normaal gesproken overal aanwezig lettertype worden toegekend. CSS om de laatst genoemde waarde voor een eigenschap te gebruiken. Als deze waarde niet kan worden weergegeven, wordt deze genegeerd. Als u het eenvoudige lettertype vóór deze opdracht hebt toegewezen, wordt het beschouwd als het laatste interpreteerbare lettertype en wordt uw pagina nog steeds op een bruikbare manier weergegeven. Vreemde taalsets en andere speciale functies moeten in het webproject worden geïntegreerd via HTML, PHP of een andere programmeertaal of, indien nodig, worden omgeleid naar een Engelse pagina.