Hva er CSS-filformatet?
.css-filer brukes til å formatere innhold og beskrive presentasjonen av et nettsted.
Filer med filendelsen .css inneholder regler som definerer hvordan .html-elementer skal vises på en gitt side. Disse reglene dekker områder som:
- fontinnstillinger (skrifttype, størrelse, farge og stil),
- linjeavstand og innrykk,
- layoutregler for innebygde og posisjonerte elementer,
- ressursreferanser, animasjoner og responsive brytningspunkter via
@media-forespørsler.
CSS - Cascading Style Sheets - er stilark-språket som brukes til å lage .css-filer. Det ble designet for å muliggjøre separasjon av nettstedets innhold fra presentasjonen, noe som gjør det mye enklere å endre nettstedets utseende uten å påvirke innholdet. .css-filer lar også sider rendres forskjellig avhengig av enheten som brukes for å få tilgang til dem - enten det er en mobil enhet, stasjonær PC eller nettbrett - for en mye bedre brukeropplevelse. Den «kaskaderende» delen betyr at flere regler kan målrettes mot samme element samtidig, der spesifisitet og kilderekkefølge avgjør hvilken som vinner.
CSS er ikke et format med én enkelt versjon: siden CSS3 har det utviklet seg som uavhengige moduler (Selectors, Flexbox, Grid, Color, Animations og andre), der hver avanserer i sitt eget tempo. Preprosessorer som .scss og .less utvider CSS-syntaksen, men kompileres alltid ned til vanlig .css som nettlesere bruker direkte.
.css-filer lagrer data i rent tekstformat og kan dermed redigeres med hvilken som helst tekstredigerer. Det anbefales imidlertid at .css-filer redigeres med dedikerte verktøy for å unngå potensielle feil - slike verktøy uthever automatisk nøkkelord, retter syntaksfeil og tilbyr autofullføringsfunksjoner. En .css-fil har ingen binær signatur; den kan valgfritt begynne med en @charset-deklarasjon, en @import-regel eller en /* kommentar */.
Sikkerhet og trygghet
RISIKO: LOWCSS er ren tekst og kjører ikke kode, så en .css-fil er trygg å åpne. Spesialtilfeller: historisk kunne CSS laste eksterne ressurser (fonter/bilder) og eldre nettlesere hadde CSS expression()/behavior-særegenheter (for lengst foreldet); moderne CSS kan ikke kjøre skript. Den reelle faren er å laste ned «gratis CSS-editor/visningsprogram» fra reklamefylte portaler som pakker med uønsket programvare - bruk de anerkjente editorene som er oppført ovenfor.
Formatdetaljer
i et nøtteskallProgrammer som åpner CSS-filer
Windows4 apps
Visual Studio Code
Gratis Åpne .css for å redigere med syntaksutheving, IntelliSense og utvidelser for forhåndsvisning. 
Web browser (Chrome/Firefox/Edge)
Gratis Nettlesere bruker CSS automatisk når de laster en side; bruk DevTools (F12) for å inspisere/direkteredigere stiler. 
macOS2 apps
Visual Studio Code
Gratis Åpne .css for å redigere med syntaksutheving, IntelliSense og utvidelser for forhåndsvisning. 
Linux1 app
VS Code / gedit / GNU Emacs
Gratis Åpne .css i en hvilken som helst tekst- eller kodeeditor for å se eller redigere.
CodePen / JSFiddle
Gratis Lim inn CSS i en online sandkasse for å redigere og forhåndsvise den mot HTML live. Tekniske detaljer
dyp spesifikasjon| MIME-type | text/css |
| Filkoding | Ren tekst, UTF-8 som standard; tegnsett kan deklareres eksplisitt med en `@charset`-regel helt øverst i filen |
| Binær signatur | Ingen - `.css`-filer har ingen magic bytes; identifikasjon avhenger av filendelse eller MIME-type |
| Typisk filstørrelse | 1 KB til 500 KB; minifiserte rammeverkpakker fra tredjeparter (Bootstrap, Tailwind) kan nå den øvre grensen |
| Kjernestruktur | Regelsett: en selektor eller selektorliste etterfulgt av en deklarasjonsblokk med `egenskap: verdi`-par omsluttet av krøllparenteser |
| At-regler | `@media` (responsive brytningspunkter), `@import`, `@font-face`, `@keyframes`, `@supports` og `@layer` kontrollerer betinget lasting, egendefinerte fonter, animasjoner og funksjonsdeteksjon |
| Kaskade-algoritme | Motstridende regler løses av spesifisitet, kaskadeopprinnelse (forfatter / bruker / nettleser) og kilderekkefølge; verdier forplanter seg til barneelementer via arv |
| Versjonsmodell | Modulær siden CSS3; individuelle moduler som Selectors, Flexbox, Grid og Color avanserer gjennom W3C Candidate Recommendation-stadier uavhengig av hverandre |
| Egendefinerte egenskaper | Native CSS-variabler deklarert som `--navn: verdi` og brukt via `var(--navn)`, noe som muliggjør gjenbrukbare designtokens uten en preprosessor |
| Preprosessor-samhandling | `.scss`-, `.sass`- og `.less`-filer kompileres til vanlig `.css`; PostCSS transformerer `.css`-kilde ved bygging; nettlesere bruker kun den endelige `.css`-filen |
| Overføringskomprimering | Serveres vanligvis gzip- eller Brotli-komprimert over HTTP for å spare båndbredde; filen er ukomprimert ren tekst på disk |
| Subresource Integrity | En SHA-256/384/512-hash kan plasseres i HTML-attributtet `<link integrity="…">` for å verifisere den hentede filen; ingen hash lagres inne i selve `.css`-filen |
| Leverandørprefikser | `-webkit-`, `-moz-` og `-ms-`-prefikser beskyttet historisk eksperimentelle egenskaper; de fleste er nå foreldet ettersom de underliggende egenskapene ble standardisert |
| Nettleserens objektmodell | Parses av nettlesermotoren til CSSOM (CSS Object Model), som kombineres med DOM-treet for å beregne endelige stiler og tegne siden |
| Standardansvarlig | W3C CSS Working Group; spesifikasjoner publiseres som uavhengige moduldokumenter, hver med sine egne redaktørutkast og Candidate Recommendations |
| Utgitt | CSS Level 1, December 1996 (W3C Recommendation) |
| Siste versjon | CSS is now modular (CSS3+); modules like Selectors, Flexbox, Grid, Color advance independently |
| Åpen standard | Ja · royalty-fri |
| Spesifikasjon | www.w3.org |
CSS-konverteringer
Spørsmål og svar fra fellesskapet
spurt av brukereIngen spørsmål ennå - vær den første til å spørre om CSS-filer.
