css

.css — Cascading Style Sheet

World Wide Web Consortium (W3C) · 1996

Ontwikkelaar

World Wide Web Consortium (W3C)

Categorie

Webbestanden

MIME-type

text/css

Eerste versie

1996

Open formaat

Bestandssignatuur

No specific magic bytes; typically starts with '@charset' or CSS rules

Wat is een .css-bestand?

Een CSS-bestand (Cascading Style Sheet) bevat stijlen die webbrowsers gebruiken om de inhoud van HTML- of XML-documenten weer te geven. Het bepaalt de visuele presentatie van webpagina's, inclusief aspecten zoals lettertypen, kleuren, afstand en lay-out. Door presentatie van inhoud te scheiden, maakt CSS consistente styling over meerdere pagina's mogelijk en vereenvoudigt het onderhoud van website-ontwerp.

Programma's die .css-bestanden openen

Platform	Programma
Windows	Visual Studio Code	Gratis
	Notepad++	Gratis
	Sublime Text	Betaald
	Adobe Dreamweaver	Betaald
macOS	Visual Studio Code	Gratis
	Sublime Text	Betaald
	BBEdit	Betaald
	TextEdit	Gratis	Officieel

Veelvoorkomende problemen met .css-bestanden

⚠️ Stijlen worden niet zoals verwacht toegepast.

Controleer op syntaxfouten, onjuiste selectors of specificiteitsproblemen. Zorg ervoor dat het CSS-bestand correct is gekoppeld in het HTML-document en wis de browsercache.

⚠️ Lay-outproblemen of elementen die onjuist verschijnen.

Inspecteer de ontwikkelaarstools van de browser om stijlen te debuggen, te controleren op conflicterende regels, of onderzoek de `box-model` en `flexbox`/`grid` eigenschappen.

⚠️ Prestatieproblemen door grote CSS-bestanden.

Minificeer CSS, verwijder ongebruikte stijlen en overweeg om grote stylesheets op te splitsen in kleinere, specifiekere bestanden die indien nodig worden geladen.

Veelgestelde vragen

Wat is het primaire doel van CSS?▼

Het primaire doel van CSS is het definiëren van de visuele presentatie en lay-out van webpagina's. Het bepaalt hoe HTML-elementen op scherm, papier of andere media worden weergegeven, waardoor websites visueel aantrekkelijk en gebruiksvriendelijk worden.

Kan CSS zonder HTML worden gebruikt?▼

Hoewel CSS is ontworpen om opmaaktalen, voornamelijk HTML en XML, te stylen, kan het niet onafhankelijk bestaan om inhoud te renderen. Het heeft een gestructureerd document (zoals HTML) nodig om zijn stijlen toe te passen op elementen binnen dat document.

Wat zijn CSS-frameworks?▼

CSS-frameworks zijn vooraf geschreven CSS-bibliotheken die een basis bieden voor snellere en consistentere webontwikkeling. Ze bevatten vaak kant-en-klare componenten, rasters en hulpprogramma's, zoals Bootstrap, Tailwind CSS of Bulma.

Technische details

CSS-bestanden zijn platte tekstbestanden die bestaan uit een reeks regels, elk met een selector en een declaratieblok. Hoewel er geen specifieke 'magic bytes' aan het begin zijn, beginnen CSS-bestanden vaak met een optionele `@charset`-regel of direct met stijlregels, zoals `body { ... }`. Browsers parseren deze regels om stijlen toe te passen op overeenkomstige elementen.

Wist u dat?

Het 'Cascading' in Cascading Style Sheets verwijst naar de specifieke volgorde waarin stijlen worden toegepast, waardoor ontwikkelaars meerdere stylesheets en regels kunnen definiëren die samenvloeien en elkaar overschrijven op basis van specificiteit en belangrijkheid.

Beveiligingsinformatie

CSS-bestanden zelf zijn over het algemeen veilig, aangezien het tekstgebaseerde bestanden zijn die de presentatie definiëren. Kwaadaardige CSS kan echter in combinatie met JavaScript en HTML (bijv. via stijlinjectie) worden gebruikt om websites te beschadigen, gegevens te exfiltreren (bijv. via attribuutselectors of keylogger-achtige patronen) of geavanceerde phishingpagina's te maken. Zorg er altijd voor dat CSS-bestanden afkomstig zijn van vertrouwde bronnen en saneer door de gebruiker gegenereerde stijlen.