CSS kan hänvisa till något av följande:
1. Förkortning för kaskaderande stilark, CSS är ett språk som används för att beskriva återanvändbara stilar för att presentera dokument skrivna på ett markeringsspråk. Konceptet har sitt ursprung av Håkon Wium Lie 1994. I december 1996 skapades CSS som en specifikation av W3C och tillåter idag webbutvecklare att ändra utformningen och utseendet på deras webbsidor. Till exempel kan CSS användas för att ändra teckensnitt som används i vissa HTML-element, liksom dess storlek och färg. En enda CSS-fil kan vara länkad till flera sidor, vilket gör att en utvecklare kan ändra utseendet på alla sidor samtidigt.
Följande ruta innehåller ett grundläggande exempel på att använda CSS-kod för att definiera teckensnitt, färgen på hyperlänkar och färgen på en länk när muspekaren svävar över. I det specifika exemplet ändrar vi bara HTML-taggarna, snarare än att skapa några nya klass- eller ID-väljare.
body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {färg: # 000000; } A: besökte {color: # 005177; } a: sväva {färg: # 005177; }
CSS-koden i rutan ovan kan infogas i huvudavsnittet på en sidas HTML med följande kod. Kom dock ihåg att utföra denna åtgärd endast tillämpar dessa ändringar på en enda sida.
Om du vill använda CSS-koden på flera sidor föreslår vi att du lagrar koden i en separat CSS-fil och sedan laddar den på varje sida. Till exempel kan CSS-koden som visas i den första rutan på den här sidan kopieras och klistras in i en fil med filtillägget.css.
Dricks
En CSS-fil kan skapas med valfri textredigerare eller till och med Notepad om du använder Windows.
När filen har sparats måste den kopplas till i huvudet på HTML-koden med hjälp av thetag. Följande ruta visar ett exempel på detta element som används.
Om du namngav CSS-filen exempel.css, och den är i samma katalog som HTML-filen den laddas från, skulle följande rad länka CSS-filen.
CSS3 är den version av CSS (Cascading Style Sheets) som ersätter CSS2. Det introducerar nya väljare och egenskaper som möjliggör mer flexibilitet med sidlayout och presentation. Vissa uppdateringar, som egenskapen box-skugga (som tillåter att en drop-skugga läggs till i ett element), gör att visuella effekter kan tillämpas utan att skapa speciella bilder.