CSS kan henvise til et af følgende:
1. Kort til cascading style sheets, CSS er et sprog, der bruges til at beskrive genanvendelige stilarter til at præsentere dokumenter skrevet i et kodesprog. Konceptet stammer fra Håkon Wium Lie i 1994. I december 1996 blev CSS lavet en specifikation af W3C og giver i dag webudviklere mulighed for at ændre layout og udseende på deres websider. F.eks. Kan CSS bruges til at ændre den skrifttype, der bruges i bestemte HTML-elementer, såvel som dens størrelse og farve. En enkelt CSS-fil kan være knyttet til flere sider, hvilket giver en udvikler mulighed for at ændre udseendet på alle siderne på samme tid.
Følgende felt indeholder et grundlæggende eksempel på brug af CSS-kode til at definere skrifttyper, farven på hyperlinks og farven på et link, når musemarkøren svæver over. I dette specifikke eksempel ændrer vi kun HTML-tagsand i stedet for at oprette nye klasse- eller id-vælgere.
body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {farve: # 000000; } A: besøgte {color: # 005177; } a: hover {farve: # 005177; }
CSS-koden i boksen ovenfor kan indsættes i hovedafsnittet på en sides HTML ved hjælp af følgende kode. Husk dog, at udførelse af denne handling kun anvender disse ændringer på en enkelt side.
Hvis du vil bruge CSS-koden på flere sider, foreslår vi at gemme koden i en separat CSS-fil og derefter indlæse den på hver side. F.eks. Kan CSS-koden, der vises i den første boks på denne side, kopieres og indsættes i en fil med filtypenavnet.css.
Tip
En CSS-fil kan oprettes ved hjælp af en hvilken som helst teksteditor eller endda Notepad, hvis du bruger Windows.
Når filen er gemt, skal den knyttes til i hovedet af HTML-koden ved hjælp af thetag. Følgende felt viser et eksempel på dette element, der er i brug.
Hvis du navngav CSS-filen eksempel.css, og den er i den samme mappe som HTML-filen, den indlæses fra, vil følgende linje forbinde CSS-filen.
CSS3 er den version af CSS (Cascading Style Sheets), der erstatter CSS2. Det introducerer nye vælgere og egenskaber, der giver mulighed for mere fleksibilitet med sidelayout og præsentation. Nogle opdateringer, såsom egenskaben box-skygge (som tillader at tilføjes en drop shadow til et element), gør det muligt at anvende visuelle effekter uden behov for at oprette specielle billeder.