Definitie van CSS (stijlbladen)
Diversen / / July 04, 2021
Door Guillem Alsina González, in sept. 2017
De stijl waarin de teksten en onderdelen van a webpagina, evenals de reeks van meerdere pagina's, kunnen van elk afzonderlijk worden gemarkeerd, of afhankelijk zijn van een extern element (een ander het dossier waarin stijlen zijn gedefinieerd) die opnieuw kunnen worden gebruikt. Dit externe element is een zogenaamd CSS-stijlblad.
Een CSS-stylesheet (trapsgewijze stylesheets, trapsgewijze stijlbladen) is niets meer dan een computerbestand dat informatie bevat om de visuele stijl te modelleren die door webpagina's wordt aangenomen wanneer ze door de browser worden weergegeven.
Om dit het geval te laten zijn, moet er een aanroep zijn naar het CSS-stijlblad vanuit het HTML-bestand, via a instructie.
Dankzij de scheiding van de inhoud van wat het aspect is, verkrijgen we een abstractie die ons verschillende invalshoeken van Vrijheid.
De eerste is dat als we de esthetiek van een complete website willen veranderen, we alleen de werkbladbestanden hoeven te retoucheren CSS-stijl, zodat als deze bestanden worden aangeroepen op de HTML-pagina's, de esthetische vormverandering zal plaatsvinden automatisch.
Een ander voordeel is dat de Schrijver van de inhoud kunt u zich erop concentreren zonder dat u zich bewust hoeft te zijn van hun lay-out, aangezien deze wordt gegeven door de CSS-bestanden.
De stylesheet is opgebouwd vanuit een ontwerptaal met een specifieke en gestandaardiseerde structuur, van vorm dat de stylesheet onafhankelijk is van de technologie die de webpagina bedient en waarvoor deze wordt gebruikt geef het weer.
Dit komt doordat het web apparaatonafhankelijk moet zijn, waardoor elke server dezelfde inhoud dienen, en dat deze met hetzelfde eindresultaat worden weergegeven door: ieder browser, ongeacht of sommige tools het sneller kunnen dan andere en daarom betere prestaties bieden aan de gebruikersnaam.
hetzelfde taal definitie kan ook in elk XML-document worden gebruikt (HTML kan immers nog steeds worden geïnterpreteerd als een subset van XML).
De structuur van de taal is eenvoudig, met een reeks gereserveerde trefwoorden die verwijzen naar eigenschappen van de stijl van een pagina, en verschillende regels voor elk van deze eigenschappen.
Een eenvoudig voorbeeld van een CSS-stylesheet is het volgende:
lichaam {
h1 {font-familie: Helvetica, Genève, Arial,
SunSans-Regular, schreefloos}
}
Daarin definiëren we eenvoudig hoe de H1-header van de HTML-documenten die we schrijven en waarop deze stylesheet van toepassing is, zou moeten zijn. Hiervoor moeten de HTML-pagina's deze zin in de sectie hebben: HOOFD:
Waarin
We kunnen de lay-outinstructies voor de stijl ook opnemen in hetzelfde HTML-bestand dat we voor de pagina gebruiken, waardoor we een extra bestand besparen, maar dan verliezen we de veelzijdigheid van het veranderen van het uiterlijk van alle pagina's en hoeven we alleen maar een bestand te manipuleren, omdat we alle HTML zouden moeten wijzigen precies hetzelfde.
De taal waarin de CSS-stijlbladen zijn geschreven, bestond al voordat ze werden goedgekeurd door het W3C, een entiteit die verantwoordelijk is voor het reguleren van de standaarden die op het web worden gebruikt op technisch niveau.
Het werd halverwege de jaren negentig goedgekeurd en is sindsdien een standaard geworden. onmisbaar voor gebruik op grote websites.
Foto: Fotolia - Stringer
Thema's in CSS (Stijlbladen)