Vad är filformatet CSS?
.css-filer används för att formatera innehåll och beskriva presentationen av en webbplats.
Filer med filtillägget .css innehåller regler som definierar hur .html-element ska visas på en given sida. Dessa regler täcker områden som:
- typsnittsinställningar (typsnitt, storlek, färg och stil),
- radavstånd och indrag,
- layoutregler för inbäddade och positionerade element,
- resursreferenser, animationer och responsiva brytpunkter via
@media-frågor.
CSS - Cascading Style Sheets - är det stilspråk som används för att skapa .css-filer. Det designades för att möjliggöra separation av webbplatsens innehåll från dess presentation, vilket gör det mycket enklare att ändra en sidas utseende utan att påverka innehållet. .css-filer tillåter också att sidor renderas olika beroende på vilken enhet som används för att komma åt dem - oavsett om det är en mobil enhet, stationär dator eller surfplatta - för en mycket bättre användarupplevelse. Den «kaskadformade» delen innebär att flera regler kan rikta sig mot samma element samtidigt, där specificitet och källordning avgör vilken regel som vinner.
CSS är inte ett format med en enda version: sedan CSS3 har det utvecklats som oberoende moduler (Selectors, Flexbox, Grid, Color, Animations med flera), där varje modul går framåt i sin egen takt. Preprocessorer som .scss och .less utökar CSS-syntaxen men kompileras alltid ner till vanlig .css som webbläsare konsumerar direkt.
.css-filer lagrar data i vanligt textformat och kan därför redigeras med valfri textredigerare. Det rekommenderas dock att .css-filer redigeras med dedikerade verktyg för att undvika potentiella fel - sådana verktyg markerar automatiskt nyckelord, korrigerar syntaxfel och erbjuder autokomplettering. En .css-fil har ingen binär signatur; den kan valfritt börja med en @charset-deklaration, en @import-regel eller en /* kommentar */.
Säkerhet & trygghet
RISK: LOWCSS är vanlig text och exekverar inte kod, så en .css-fil innebär låg risk att öppna. Undantagsfall: historiskt kunde CSS ladda externa resurser (typsnitt/bilder) och äldre webbläsare hade CSS-egenskaper som expression()/behavior (sedan länge föråldrade); modern CSS kan inte köra skript. Den verkliga försiktigheten gäller nedladdning av «gratis CSS-redigerare» från annonstunga portaler som skickar med oönskad programvara - använd de välrenommerade redigerare som listas ovan.
Formatdetaljer
i ett nötskalProgram som öppnar CSS-filer
Windows4 apps
Sublime Text
Betald Öppna för att redigera; gratis att utvärdera, licens krävs för fortsatt användning. 
Visual Studio Code
Gratis Öppna .css för att redigera med syntaxmarkering, IntelliSense och tillägg för live-förhandsvisning. 
Web browser (Chrome/Firefox/Edge)
Gratis Webbläsare tillämpar CSS automatiskt när en sida laddas; använd DevTools (F12) för att inspektera/direktredigera stilar. 
macOS2 apps
TextEdit
Inbyggd Öppna i textläge för att läsa/redigera; stäng av formaterad text (rich text) först.
Visual Studio Code
Gratis Öppna .css för att redigera med syntaxmarkering, IntelliSense och tillägg för live-förhandsvisning. 
Linux1 app
VS Code / gedit / GNU Emacs
Gratis Öppna .css i valfri text- eller kodredigerare för att visa eller redigera.
CodePen / JSFiddle
Gratis Klistra in CSS i en online-playground för att redigera och förhandsgranska mot HTML live. Tekniska detaljer
djup specifikation| MIME-typ | text/css |
| Filkodning | Vanlig text, UTF-8 som standard; teckenuppsättning kan deklareras explicit med en `@charset`-regel längst upp i filen |
| Binär signatur | Ingen - `.css`-filer har inga magic bytes; identifiering sker via filtillägg eller MIME-typ |
| Typisk filstorlek | 1 KB till 500 KB; minifierade paket från tredjepartsramverk (Bootstrap, Tailwind) kan nå den övre gränsen |
| Kärnstruktur | Regeluppsättningar: en selektor eller selektorlista följd av ett deklarationsblock med `egenskap: värde`-par inom måsvingar |
| At-regler | `@media` (responsiva brytpunkter), `@import`, `@font-face`, `@keyframes`, `@supports` och `@layer` styr villkorlig laddning, anpassade typsnitt, animationer och funktionsdetektering |
| Kaskadalgoritm | Motstridiga regler löses genom specificitet, kaskadursprung (författare / användare / webbläsare) och källordning; värden sprids till underordnade element via arv |
| Versionsmodell | Modulär sedan CSS3; enskilda moduler som Selectors, Flexbox, Grid och Color går oberoende framåt genom W3C:s stadier för Candidate Recommendation |
| Anpassade egenskaper | Inbyggda CSS-variabler deklarerade som `--namn: värde` och används via `var(--namn)`, vilket möjliggör återanvändbara designtokens utan en preprocessor |
| Preprocessor-interoperabilitet | `.scss`-, `.sass`- och `.less`-filer kompileras till vanlig `.css`; PostCSS transformerar `.css`-källkod vid byggtid; webbläsare konsumerar endast den slutgiltiga `.css`-filen |
| Överföringskompression | Levereras vanligtvis gzip- eller Brotli-komprimerad över HTTP för att spara bandbredd; filen är okomprimerad vanlig text på disken |
| Subresource Integrity | En SHA-256/384/512-hash kan placeras i HTML-attributet `<link integrity="…">` för att verifiera den hämtade filen; ingen hash lagras inuti själva `.css`-filen |
| Leverantörsprefix | Prefixen `-webkit-`, `-moz-` och `-ms-` skyddade historiskt experimentella egenskaper; de flesta är nu föråldrade då de underliggande egenskaperna har standardiserats |
| Browser object model | Parsas av webbläsarmotorn till CSSOM (CSS Object Model), som kombineras med DOM-trädet för att beräkna slutgiltiga stilar och rita upp sidan |
| Standardansvarig | W3C CSS Working Group; specifikationer publiceras som oberoende moduldokument, var och en med sina egna utkast och Candidate Recommendations |
| Släppt | CSS Level 1, December 1996 (W3C Recommendation) |
| Senaste version | CSS is now modular (CSS3+); modules like Selectors, Flexbox, Grid, Color advance independently |
| Öppen standard | Ja · royaltyfri |
| Specifikation | www.w3.org |
CSS-konverteringar
Frågor & svar
frågat av användareInga frågor än - bli den första att fråga om CSS-filer.
