Vad är CSS?

Cascading Style Sheet (CSS) är ett sätt att designa en webbplats eller en grupp webbplatser, så att de har en jämn look och känsla och så att deras utseende och känsla är lätt att ändra. Genom att använda CSS för att designa en webbplats får webbutvecklaren en större grad av kontroll över hur webbplatsen ser ut.

En webbutvecklare kan använda en CSS-fil för att kontrollera utseendet på en webbplats på tre huvudsakliga sätt. Det första sättet kallas inline, med hänvisning till det faktum att koden placeras rakt in i raden för webbplatskoden. Till exempel kanske en webbutvecklare vill få en viss mening att visas med fet, röd typ så att den sticker ut. Hon kunde använda CSS för att ställa in den stilen för den meningen till fet och röd med inline-kod. Fördelen med denna metod är att den möjliggör en snabb och enkel ändring till en viss del av en webbsida.

Ett annat sätt som en webbutvecklare kan använda CSS är att skapa regler för en enda webbsida. I det här fallet skulle utvecklaren använda det som kallas inbäddad CSS. Utvecklaren kan till exempel göra varje nytt stycke strecksats och varje rubrik med fetstil. De inbäddade instruktionerna placeras vanligtvis högst upp på webbsidans kod.

Detta gör det möjligt för utvecklaren att ändra den inbäddade koden en gång och att effekterna sker på hela sidan. Om han bestämde sig för att lägga alla rubriker i kursiv stil snarare än fet text, kunde han helt enkelt ändra stilkodningen och alla rubriker på den sidan skulle ändras. Detta har en fördel jämfört med inline-metoden genom att den täcker hela webbsidan och ändringar kan göras på hela sidan på en gång.

Den sista vanliga typen av CSS är vad som kallas en extern CSS. En webbutvecklare kommer att skriva koden för en hel grupp webbsidor, en hel webbplats eller till och med flera webbplatser. Dessa regler kan inkludera saker som bakgrundsfärg, textfärg, ordavstånd och andra delar av sidlayout, precis som de två tidigare exemplen på CSS.

Skillnaden är att de här instruktionerna inte är avsedda för en enda sida eller bara en webbsida utan för en hel webbplats. Fördelen är att utseendet och känslan på en hel webbplats kan ändras på en gång genom att göra ändringar i det externa formatmallen. Om designern vill prova en ny bakgrundsfärg eller ett nytt teckensnitt för hela webbplatsen kan hon göra det med att ändra några rader i den externa koden, snarare än att gå till varje sida individuellt och göra ändringar där.

Nackdelarna med både inbäddad och extern CSS är att det är mer tid involverat i att skapa ett stort stilark, som kommer att täcka en hel del layout, snarare än att göra mindre ändringar av enskilda linjer. Webbdesignern måste bestämma om det är mer effektivt på lång sikt att göra enskilda inlineinstruktioner, eller att göra en inbäddad eller extern CSS för att ta hand om många designfunktioner samtidigt.

ANDRA SPRÅK

Hjälpte den här artikeln dig? Tack för feedbacken Tack för feedbacken

Hur kan vi hjälpa? Hur kan vi hjälpa?